提交

frontend/src/pages/FirstLoginPage.tsx

@@ -303,7 +303,7 @@ export const FirstLoginPage = () => {
                   borderTopLeftRadius: '12PX',
                   borderBottomLeftRadius: '2PX',
                   boxShadow:
-                    '0PX 1PX 0PX 0PX rgba(255, 255, 255, 0.18), inset 0PX 0PX 0PX 1PX rgba(0, 0, 0, 0.65), inset 0PX 4PX 8PX rgba(0, 0, 0, 0.55)',
+                    'rgba(255, 255, 255, 0.18) 0px 1px 0px 0px, rgba(0, 0, 0, 0.65) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.25) 0px 4px 8px inset',
                 }}
               >
                 <input
@@ -369,7 +369,7 @@ export const FirstLoginPage = () => {
                 borderBottomLeftRadius: '2PX',
                 borderBottomRightRadius: '2PX',
                 boxShadow:
-                  '0PX 1PX 0PX 0PX rgba(255, 255, 255, 0.18), inset 0PX 0PX 0PX 1PX rgba(0, 0, 0, 0.65), inset 0PX 4PX 8PX rgba(0, 0, 0, 0.55)',
+                  'rgba(255, 255, 255, 0.18) 0px 1px 0px 0px, rgba(0, 0, 0, 0.65) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.25) 0px 4px 8px inset',
               }}
             >
               <input

frontend/src/pages/GreetingPage.tsx

@@ -329,7 +329,7 @@ export const GreetingPage = () => {
               borderBottomRightRadius: '2PX',
               borderBottomLeftRadius: '2PX',
               boxShadow:
-                '0PX 1PX 0PX 0PX rgba(255, 255, 255, 0.18), inset 0PX 0PX 0PX 1PX rgba(0, 0, 0, 0.65), inset 0PX 4PX 8PX rgba(0, 0, 0, 0.55)',
+                'rgba(255, 255, 255, 0.18) 0px 1px 0px 0px, rgba(0, 0, 0, 0.65) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.25) 0px 4px 8px inset',
             }}
           >
             <input

frontend/src/pages/LoginPage.tsx

@@ -348,7 +348,7 @@ export const LoginPage = () => {
                   borderTopLeftRadius: '12PX',
                   borderBottomLeftRadius: '2PX',
                   boxShadow:
-                    '0PX 1PX 0PX 0PX rgba(255, 255, 255, 0.18), inset 0PX 0PX 0PX 1PX rgba(0, 0, 0, 0.65), inset 0PX 4PX 8PX rgba(0, 0, 0, 0.55)',
+                    'rgba(255, 255, 255, 0.18) 0px 1px 0px 0px, rgba(0, 0, 0, 0.65) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.25) 0px 4px 8px inset',
                 }}
               >
                 <input
@@ -413,7 +413,7 @@ export const LoginPage = () => {
                 borderBottomLeftRadius: '2PX',
                 borderBottomRightRadius: '2PX',
                 boxShadow:
-                  '0PX 1PX 0PX 0PX rgba(255, 255, 255, 0.18), inset 0PX 0PX 0PX 1PX rgba(0, 0, 0, 0.65), inset 0PX 4PX 8PX rgba(0, 0, 0, 0.55)',
+                  'rgba(255, 255, 255, 0.18) 0px 1px 0px 0px, rgba(0, 0, 0, 0.65) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.25) 0px 4px 8px inset',
               }}
             >
               <input

frontend/src/pages/LoginVerificationCodePage.tsx

@@ -208,7 +208,7 @@ export const LoginVerificationCodePage = () => {
                   borderTopRightRadius: '12PX',
                   borderBottomRightRadius: '2PX',
                   boxShadow:
-                    '0PX 1PX 0PX 0PX rgba(255, 255, 255, 0.18), inset 0PX 0PX 0PX 1PX rgba(0, 0, 0, 0.65), inset 0PX 4PX 8PX rgba(0, 0, 0, 0.55)',
+                    'rgba(255, 255, 255, 0.18) 0px 1px 0px 0px, rgba(0, 0, 0, 0.65) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.25) 0px 4px 8px inset',
                 }}
               >
                 <button
@@ -309,7 +309,7 @@ export const LoginVerificationCodePage = () => {
                   borderTopLeftRadius: '12PX',
                   borderBottomLeftRadius: '2PX',
                   boxShadow:
-                    '0PX 1PX 0PX 0PX rgba(255, 255, 255, 0.18), inset 0PX 0PX 0PX 1PX rgba(0, 0, 0, 0.65), inset 0PX 4PX 8PX rgba(0, 0, 0, 0.55)',
+                    'rgba(255, 255, 255, 0.18) 0px 1px 0px 0px, rgba(0, 0, 0, 0.65) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.25) 0px 4px 8px inset',
                 }}
               >
                 <input
@@ -374,7 +374,7 @@ export const LoginVerificationCodePage = () => {
                 borderBottomLeftRadius: '2PX',
                 borderBottomRightRadius: '2PX',
                 boxShadow:
-                  '0PX 1PX 0PX 0PX rgba(255, 255, 255, 0.18), inset 0PX 0PX 0PX 1PX rgba(0, 0, 0, 0.65), inset 0PX 4PX 8PX rgba(0, 0, 0, 0.55)',
+                  'rgba(255, 255, 255, 0.18) 0px 1px 0px 0px, rgba(0, 0, 0, 0.65) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.25) 0px 4px 8px inset',
               }}
             >
               <input

frontend/src/pages/LoginVerificationInputPage.tsx

@@ -461,7 +461,7 @@ export const LoginVerificationInputPage = () => {
                   borderTopRightRadius: '12PX',
                   borderBottomRightRadius: '2PX',
                   boxShadow:
-                    '0PX 1PX 0PX 0PX rgba(255, 255, 255, 0.18), inset 0PX 0PX 0PX 1PX rgba(0, 0, 0, 0.65), inset 0PX 4PX 8PX rgba(0, 0, 0, 0.55)',
+                    'rgba(255, 255, 255, 0.18) 0px 1px 0px 0px, rgba(0, 0, 0, 0.65) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.25) 0px 4px 8px inset',
                 }}
               >
                 <input

frontend/src/pages/LumiNamingPage.tsx

@@ -184,7 +184,7 @@ export const LumiNamingPage = () => {
               borderBottomRightRadius: '2PX',
               borderBottomLeftRadius: '2PX',
               boxShadow:
-                '0PX 1PX 0PX 0PX rgba(255, 255, 255, 0.18), inset 0PX 0PX 0PX 1PX rgba(0, 0, 0, 0.65), inset 0PX 4PX 8PX rgba(0, 0, 0, 0.55)',
+                'rgba(255, 255, 255, 0.18) 0px 1px 0px 0px, rgba(0, 0, 0, 0.65) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.25) 0px 4px 8px inset',
             }}
           >
             <input

frontend/src/pages/ProfilePage.tsx

@@ -1197,7 +1197,7 @@ export const ProfilePage = () => {
                   borderBottomRightRadius: '2PX',
                   borderBottomLeftRadius: '2PX',
                   boxShadow:
-                    '0PX 1PX 0PX 0PX rgba(255, 255, 255, 0.18), inset 0PX 0PX 0PX 1PX rgba(0, 0, 0, 0.65), inset 0PX 4PX 8PX rgba(0, 0, 0, 0.55)',
+                    'rgba(255, 255, 255, 0.18) 0px 1px 0px 0px, rgba(0, 0, 0, 0.65) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.25) 0px 4px 8px inset',
                   position: 'relative',
                 }}
               >
@@ -1398,7 +1398,7 @@ export const ProfilePage = () => {
                   borderBottomRightRadius: '2PX',
                   borderBottomLeftRadius: '2PX',
                   boxShadow:
-                    '0PX 1PX 0PX 0PX rgba(255, 255, 255, 0.18), inset 0PX 0PX 0PX 1PX rgba(0, 0, 0, 0.65), inset 0PX 4PX 8PX rgba(0, 0, 0, 0.55)',
+                    'rgba(255, 255, 255, 0.18) 0px 1px 0px 0px, rgba(0, 0, 0, 0.65) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.25) 0px 4px 8px inset',
                   position: 'relative',
                 }}
               >

frontend/src/pages/VerificationCodePage.tsx

@@ -209,7 +209,7 @@ export const VerificationCodePage = () => {
                 borderTopRightRadius: '12PX',
                 borderBottomRightRadius: '2PX',
                   boxShadow:
-                    '0PX 1PX 0PX 0PX rgba(255, 255, 255, 0.18), inset 0PX 0PX 0PX 1PX rgba(0, 0, 0, 0.65), inset 0PX 4PX 8PX rgba(0, 0, 0, 0.55)',
+                    'rgba(255, 255, 255, 0.18) 0px 1px 0px 0px, rgba(0, 0, 0, 0.65) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.25) 0px 4px 8px inset',
                 }}
               >
               <button
@@ -310,7 +310,7 @@ export const VerificationCodePage = () => {
                 borderTopLeftRadius: '12PX',
                 borderBottomLeftRadius: '2PX',
                   boxShadow:
-                    '0PX 1PX 0PX 0PX rgba(255, 255, 255, 0.18), inset 0PX 0PX 0PX 1PX rgba(0, 0, 0, 0.65), inset 0PX 4PX 8PX rgba(0, 0, 0, 0.55)',
+                    'rgba(255, 255, 255, 0.18) 0px 1px 0px 0px, rgba(0, 0, 0, 0.65) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.25) 0px 4px 8px inset',
                 }}
               >
                 <input
@@ -376,7 +376,7 @@ export const VerificationCodePage = () => {
                 borderBottomLeftRadius: '2PX',
                 borderBottomRightRadius: '2PX',
                 boxShadow:
-                  '0PX 1PX 0PX 0PX rgba(255, 255, 255, 0.18), inset 0PX 0PX 0PX 1PX rgba(0, 0, 0, 0.65), inset 0PX 4PX 8PX rgba(0, 0, 0, 0.55)',
+                  'rgba(255, 255, 255, 0.18) 0px 1px 0px 0px, rgba(0, 0, 0, 0.65) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.25) 0px 4px 8px inset',
               }}
             >
               <input

frontend/src/pages/VerificationInputPage.tsx

@@ -483,7 +483,7 @@ export const VerificationInputPage = () => {
                   borderTopRightRadius: '12PX',
                   borderBottomRightRadius: '2PX',
                   boxShadow:
-                    '0PX 1PX 0PX 0PX rgba(255, 255, 255, 0.18), inset 0PX 0PX 0PX 1PX rgba(0, 0, 0, 0.65), inset 0PX 4PX 8PX rgba(0, 0, 0, 0.55)',
+                    'rgba(255, 255, 255, 0.18) 0px 1px 0px 0px, rgba(0, 0, 0, 0.65) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.25) 0px 4px 8px inset',
                 }}
               >
                 <input