Merge pull request #173 from ssu-student-union/feat/#172_tos_mobile-view

feat: 약관 동의 너비 높이 재조정
ssu-student-union · Sep 30, 2024 · 9c6740b · 9c6740b
2 parents 13288ef + e5e6c34
commit 9c6740b
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/ui/dialog.tsx b/src/components/ui/dialog.tsx
@@ -29,7 +29,7 @@ const DialogOverlay = React.forwardRef<React.ElementRef<typeof DialogPrimitive.O
         className,
         {
           'bg-black': showOverlay,
-          'bg-opacity-50': showOverlay,
+          'bg-opacity-30': showOverlay,
         }
       )}
       {...props}

diff --git a/src/pages/general/containers/TOSSectioin.tsx b/src/pages/general/containers/TOSSectioin.tsx
@@ -76,7 +76,7 @@ export function TOSSection() {
                   <DialogPortal>
                     <DialogContent
                       showOverlay={true}
-                      className="fixed left-[50%] top-[50%] z-50 max-h-[700px] w-full max-w-xl translate-x-[-50%] translate-y-[-50%] overflow-y-scroll rounded-[8px] bg-white p-6 shadow-xl"
+                      className="fixed left-[50%] top-[50%] z-50 h-[500px] max-h-[700px] w-[800px] translate-x-[-50%] translate-y-[-50%] overflow-y-scroll rounded-[8px] bg-white p-6 shadow-xl xs:w-[300px] xs:text-sm sm:w-[300px]"
                       onOpenAutoFocus={(e) => e.preventDefault()}
                     >
                       <DialogHeader className="mt-10 text-left">