Merge pull request #118 from 2024WISCOM/feature/guestbook

Feature/guestbook from 중첩 - font size 줄이기
2024WISCOM · Oct 17, 2024 · 83bf3ee · 83bf3ee
2 parents 51fbe70 + 440cc2c
commit 83bf3ee
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/src/components/guestBook/MessageCard.style.js b/src/components/guestBook/MessageCard.style.js
@@ -46,7 +46,7 @@ export const CDContainer = styled.div`
 
 export const ToText = styled.p`
   color: black;
-  font-size: 1.5em;
+  font-size: 1.2em;
   text-align: left;
   position: absolute;
   top: 5%;
@@ -68,7 +68,7 @@ export const ToText = styled.p`
 
 export const FromText = styled.p`
   color: black;
-  font-size: 1.5em;
+  font-size: 1.2em;
   text-align: right; 
   position: absolute; 
   bottom: 5%;
@@ -83,7 +83,7 @@ export const FromText = styled.p`
   }
 
   @media (min-width: 769px) and (max-width: 1024px) {
-    font-size: 1.2em;
+    font-size: 1.1em;
     right: 8%;
     bottom:15%;
   }

diff --git a/src/components/guestBook/MessageInputSection.style.js b/src/components/guestBook/MessageInputSection.style.js
@@ -135,7 +135,7 @@ export const Label = styled.label`
 
   &.from-label {
     bottom: 5%;
-    right: -30%;
+    right: -15%;
   }
 
   @media (max-width: 768px) {
@@ -148,7 +148,7 @@ export const Label = styled.label`
 
     &.from-label {
       bottom: 5%;
-      right: -17%;
+      right: -5%;
     }
   }
 
@@ -205,7 +205,7 @@ export const TextArea = styled.textarea`
   border: none;
   color: black;
   background: transparent;
-  font-size: 1.4em;
+  font-size: 1.1em;
   resize: none;
   text-align: left;
   z-index: 10;
@@ -229,7 +229,7 @@ export const TextArea = styled.textarea`
     height: 60%;
     top: 20%;
     left:15%;
-    font-size: 1.1em;
+    font-size: 0.8em;
   }
 
   @media (min-width: 769px) and (max-width: 1024px) {