Style: 스타일 수정

SPARCS-Service-Hackathon-2024 · Feb 15, 2024 · 8254b21 · 8254b21
1 parent ebd1bff
commit 8254b21
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 3 deletions.
diff --git a/src/App.css b/src/App.css
@@ -8,14 +8,22 @@
 }
 
 /* mobile: 0~390px */
-@media all and (max-width: 500px) {
+@media all and (max-width: 390px) {
   body {
     width: 100%;
     background: #efefef;
+    padding-top: env(safe-area-inset-top);
+    padding-right: env(safe-area-inset-right);
+    padding-bottom: env(safe-area-inset-bottom);
+    padding-left: env(safe-area-inset-left);
   }
 
   .container {
     width: 100%;
+    padding-top: env(safe-area-inset-top);
+    padding-right: env(safe-area-inset-right);
+    padding-bottom: env(safe-area-inset-bottom);
+    padding-left: env(safe-area-inset-left);
   }
 }
 
@@ -24,6 +32,7 @@
   body {
     width: 35vw;
     margin: 0 auto;
+    background: #efefef; /* Ensure background consistency */
   }
 
   .content-div {
@@ -40,6 +49,10 @@
   justify-content: center;
   font-size: calc(10px + 2vmin);
   color: white;
+  padding-top: env(safe-area-inset-top);
+  padding-right: env(safe-area-inset-right);
+  padding-bottom: env(safe-area-inset-bottom);
+  padding-left: env(safe-area-inset-left);
 }
 
 .App-link {

diff --git a/src/components/Button.jsx b/src/components/Button.jsx
@@ -14,7 +14,7 @@ const StyledButton = styled.div`
   margin: 4vh auto;
   cursor: pointer;
   font-family: 'Pretendard';
-  font-weight: 400;
+  font-weight: 500;
 `;
 
 const Button = (props) => {

diff --git a/src/pages/Register.js b/src/pages/Register.js
@@ -42,7 +42,7 @@ const Input = styled.input`
 const Message = styled.p`
   margin-top: 10px;
   font-family: 'Pretendard', sans-serif;
-  font-weight: 100;
+  font-weight: 400;
   font-size: 14px;
   display: block;
   text-align: left;