Design: implement detailed UI #156

TripTory · May 31, 2024 · 64b2ba7 · 64b2ba7
1 parent 6d76f92
commit 64b2ba7
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/src/components/common/TripListItem.js b/src/components/common/TripListItem.js
@@ -65,12 +65,12 @@ export default function TripListItem(props) {
         </InfoDiv>
         <DeleteDiv>
           <ModiDiv>
-            <p style={{ color: "#a1a1a1" }} onClick={goToEdit}>
+            <p style={{ color: "#a1a1a1", fontSize: "1.2rem" }} onClick={goToEdit}>
               수정
             </p>
           </ModiDiv>
           <DelDiv>
-            <p style={{ color: "#a1a1a1"}} onClick={toggleModal}>
+            <p style={{ color: "#a1a1a1",  fontSize: "1.2rem"}} onClick={toggleModal}>
               삭제
             </p>
           </DelDiv>
@@ -149,7 +149,8 @@ const DeleteDiv = styled.div`
   display: flex;
   justify-content: center;
   width: 20%;
-  margin-left: 5rem;
+  margin-left: 6rem;
+  width: 10rem;
 `;
 
 const ModiDiv = styled.div`

diff --git a/src/pages/LoginPage.js b/src/pages/LoginPage.js
@@ -93,7 +93,7 @@ const IntroP = styled.p`
   font-weight: 800;
   text-align: left;
   margin-top: 12rem;
-  margin-left: -5rem;
+  margin-left: -9rem;
   font-family: var(--pretendard-bold);
 `;