🎨 style: button, forminput 크기 조정

Yun-Jinwoo · Yun-Jinwoo · commit 25048e02dd01 · 2025-04-26T14:32:02.000+09:00
diff --git a/src/components/common/Button.module.scss b/src/components/common/Button.module.scss
@@ -1,7 +1,6 @@
 @use '../../assets/styles/variables.scss' as *;
 
 .button {
-  max-width: 720px;
   width: 100%;
   height: 56px;
   padding: 14px 24px;
@@ -43,7 +42,6 @@
     margin: 0 auto;
   }
 
-
   &--confirm {
     width: 120px;
     height: 40px;
@@ -53,7 +51,7 @@
   }
 
   &--delete {
-    max-width: 92px;
+    width: inherit;
     height: 39px;
     padding: 7px 16px;
     border-radius: 6px;
@@ -63,15 +61,15 @@
   @media (min-width: 768px) and (max-width: 1023px) {
     &--primary,
     &--delete {
-      max-width: 720px;
+      min-width: 720px;
     }
   }
 
   @media (max-width: 767px) {
     &,
     &--primary,
     &--delete {
-      max-width: 320px;
+      min-width: 320px;
     }
   }
 }
diff --git a/src/components/common/FormInput.module.scss b/src/components/common/FormInput.module.scss
@@ -69,7 +69,7 @@
 
   @media (max-width: 767px) {
     & {
-      max-width: 320px;
+      min-width: 320px;
     }
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,6 @@`
`1`	`1`	`@use '../../assets/styles/variables.scss' as *;`
`2`	`2`
`3`	`3`	`.button {`
`4`		`- max-width: 720px;`
`5`	`4`	`width: 100%;`
`6`	`5`	`height: 56px;`
`7`	`6`	`padding: 14px 24px;`
`@@ -43,7 +42,6 @@`
`43`	`42`	`margin: 0 auto;`
`44`	`43`	`}`
`45`	`44`
`46`		`-`
`47`	`45`	`&--confirm {`
`48`	`46`	`width: 120px;`
`49`	`47`	`height: 40px;`
`@@ -53,7 +51,7 @@`
`53`	`51`	`}`
`54`	`52`
`55`	`53`	`&--delete {`
`56`		`- max-width: 92px;`
	`54`	`+ width: inherit;`
`57`	`55`	`height: 39px;`
`58`	`56`	`padding: 7px 16px;`
`59`	`57`	`border-radius: 6px;`
`@@ -63,15 +61,15 @@`
`63`	`61`	`@media (min-width: 768px) and (max-width: 1023px) {`
`64`	`62`	`&--primary,`
`65`	`63`	`&--delete {`
`66`		`- max-width: 720px;`
	`64`	`+ min-width: 720px;`
`67`	`65`	`}`
`68`	`66`	`}`
`69`	`67`
`70`	`68`	`@media (max-width: 767px) {`
`71`	`69`	`&,`
`72`	`70`	`&--primary,`
`73`	`71`	`&--delete {`
`74`		`- max-width: 320px;`
	`72`	`+ min-width: 320px;`
`75`	`73`	`}`
`76`	`74`	`}`
`77`	`75`	`}`