Small margin cleanup in GroupEdit and GroupForm

Signed-off-by: Jan Hendrik Scheufen <j.h.scheufen@gmail.com>
Axe-DAO · Oct 20, 2024 · 539a220 · 539a220
1 parent 4b760f6
commit 539a220
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 4 deletions.
diff --git a/packages/quilombo/components/forms/group/GroupEdit.tsx b/packages/quilombo/components/forms/group/GroupEdit.tsx
@@ -3,6 +3,7 @@
 import ImageUpload from '@/components/forms/ImageUpload';
 import { groupBannerAtom, groupIdAtom, groupLogoAtom } from '@/hooks/state/group';
 import { useUpdateBannerMutation, useUpdateLogoMutation } from '@/query/group';
+import { Spacer } from '@nextui-org/spacer';
 import { useAtomValue } from 'jotai';
 import { GroupForm } from '.';
 
@@ -15,18 +16,19 @@ const ProfileEdit = () => {
 
   return (
     <div className="flex flex-col">
-      <div className="flex flex-col items-center">
+      <div className="flex flex-col items-center mb-1 sm:mb-2">
         <h4 className="mb-1 sm:mb-2">Logo</h4>
         <ImageUpload value={logo} ownerId={groupId} useFileUploadMutation={useUpdateLogoMutation} />
         <h4 className="my-1 sm:my-2">Banner</h4>
         <ImageUpload
           value={banner}
           ownerId={groupId}
           useFileUploadMutation={useUpdateBannerMutation}
-          classname="w-full mb-2 sm:mb-4"
+          classname="w-full"
           avatarProps={{ radius: 'md' }}
         />
       </div>
+      <Spacer y={2} />
       <GroupForm />
     </div>
   );

diff --git a/packages/quilombo/components/forms/group/GroupForm.tsx b/packages/quilombo/components/forms/group/GroupForm.tsx
@@ -77,7 +77,7 @@ const GroupForm = () => {
                   placeholder="Enter a short description of your group"
                   description={`${charsLeft} characters left`}
                   onInput={(e) => setCharsLeft(300 - (e.target as HTMLTextAreaElement).value.length)}
-                  className="mb-5 w-full"
+                  className="w-full"
                   classNames={{ description: 'w-fit ml-auto' }}
                 />
               );

diff --git a/packages/quilombo/package.json b/packages/quilombo/package.json
@@ -33,6 +33,7 @@
     "@nextui-org/react": "^2.4.8",
     "@nextui-org/select": "^2.2.7",
     "@nextui-org/skeleton": "^2.0.32",
+    "@nextui-org/spacer": "^2.0.33",
     "@nextui-org/spinner": "^2.0.34",
     "@nextui-org/switch": "2.0.34",
     "@nextui-org/system": "2.2.6",

diff --git a/yarn.lock b/yarn.lock
@@ -4274,7 +4274,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@nextui-org/spacer@npm:2.0.33":
+"@nextui-org/spacer@npm:2.0.33, @nextui-org/spacer@npm:^2.0.33":
   version: 2.0.33
   resolution: "@nextui-org/spacer@npm:2.0.33"
   dependencies:
@@ -17115,6 +17115,7 @@ __metadata:
     "@nextui-org/react": "npm:^2.4.8"
     "@nextui-org/select": "npm:^2.2.7"
     "@nextui-org/skeleton": "npm:^2.0.32"
+    "@nextui-org/spacer": "npm:^2.0.33"
     "@nextui-org/spinner": "npm:^2.0.34"
     "@nextui-org/switch": "npm:2.0.34"
     "@nextui-org/system": "npm:2.2.6"