fix: ui style

SSOCK · Nov 16, 2024 · 1b61de9 · 1b61de9
1 parent f76d941
commit 1b61de9
Show file tree

Hide file tree

Showing 3 changed files with 1 addition and 17 deletions.
diff --git a/app/(protected)/make/_components/DecoDrawer.tsx b/app/(protected)/make/_components/DecoDrawer.tsx
@@ -3,10 +3,8 @@ import { ArrowLeftRight } from 'lucide-react';
 
 import {
   Drawer,
-  DrawerClose,
   DrawerContent,
   DrawerDescription,
-  DrawerFooter,
   DrawerHeader,
   DrawerTitle,
   DrawerTrigger,
@@ -86,12 +84,6 @@ const DecoDrawer = ({ step, userData }: { step: number; userData: User }) => {
               />
             ))}
         </div>
-
-        <DrawerFooter>
-          <DrawerClose className="mb-8 transform rounded-lg  bg-gray-200 p-2 px-8 transition duration-200 hover:bg-gray-300">
-            닫기
-          </DrawerClose>
-        </DrawerFooter>
       </DrawerContent>
     </Drawer>
   );

diff --git a/app/(public)/visit/_components/_make/DecoDrawer.tsx b/app/(public)/visit/_components/_make/DecoDrawer.tsx
@@ -5,10 +5,8 @@ import { ArrowLeftRight } from 'lucide-react';
 
 import {
   Drawer,
-  DrawerClose,
   DrawerContent,
   DrawerDescription,
-  DrawerFooter,
   DrawerHeader,
   DrawerTitle,
   DrawerTrigger,
@@ -78,12 +76,6 @@ const DecoDrawer = ({
             <DecorationSelect key={index} path={deco} />
           ))}
         </div>
-
-        <DrawerFooter className="mb-10">
-          <DrawerClose className="transform rounded-lg bg-gray-200 p-2 px-8 transition duration-200 hover:bg-gray-300">
-            닫기
-          </DrawerClose>
-        </DrawerFooter>
       </DrawerContent>
     </Drawer>
   );

diff --git a/app/globals.css b/app/globals.css
@@ -144,7 +144,7 @@ html::-webkit-scrollbar {
 }
 
 .ui-section {
-  @apply pointer-events-none relative flex h-dvh w-full flex-col items-center justify-between overflow-hidden px-10 pb-20 pt-10;
+  @apply pointer-events-none relative flex h-svh w-full flex-col items-center justify-between overflow-hidden px-10 pb-10 pt-10;
   z-index: 1;
 }