style: update QrTicketModal styles for improved layout and responsiveness

pepperdad · pepperdad · commit 145a2e6dd0ab · 2026-01-18T23:19:33.000+09:00
diff --git a/apps/ticket/src/app/(pages)/mypage/_clientBoundary/QrTicketModal/index.module.scss b/apps/ticket/src/app/(pages)/mypage/_clientBoundary/QrTicketModal/index.module.scss
@@ -1,3 +1,5 @@
+@use "@permit/design-system/styles/variables" as theme;
+
 .event_venue {
   margin-top: 20px;
 }
@@ -7,11 +9,17 @@
 }
 
 .qr_code_wrap {
-  padding: 80px;
+  margin: 68px;
+  background-color: theme.$white;
+  cursor: pointer;
+  border-radius: 12px;
+  padding: 12px;
 
   @media (max-width: 768px) {
+    margin: 28px;
+
     display: flex;
     justify-content: center;
-    padding: 40px;
+    padding: 12px;
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+@use "@permit/design-system/styles/variables" as theme;`
	`2`	`+`
`1`	`3`	`.event_venue {`
`2`	`4`	`margin-top: 20px;`
`3`	`5`	`}`
`@@ -7,11 +9,17 @@`
`7`	`9`	`}`
`8`	`10`
`9`	`11`	`.qr_code_wrap {`
`10`		`- padding: 80px;`
	`12`	`+ margin: 68px;`
	`13`	`+ background-color: theme.$white;`
	`14`	`+ cursor: pointer;`
	`15`	`+ border-radius: 12px;`
	`16`	`+ padding: 12px;`
`11`	`17`
`12`	`18`	`@media (max-width: 768px) {`
	`19`	`+ margin: 28px;`
	`20`	`+`
`13`	`21`	`display: flex;`
`14`	`22`	`justify-content: center;`
`15`		`- padding: 40px;`
	`23`	`+ padding: 12px;`
`16`	`24`	`}`
`17`	`25`	`}`