From 02fb7acb70df1ae25551c748de0159e91e0da4d4 Mon Sep 17 00:00:00 2001
From: Minn-Choi <min031106@dgu.ac.kr>
Date: Fri, 22 Nov 2024 19:15:25 +0900
Subject: [PATCH] =?UTF-8?q?style:=20=EC=8A=A4=ED=83=80=EC=9D=BC=20?=
 =?UTF-8?q?=ED=8C=8C=EC=9D=BC=20=EC=BD=94=EB=93=9C=20=EC=88=9C=EC=84=9C=20?=
 =?UTF-8?q?=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Cart/CartSmallBtn/CartSmallBtn.styled.ts  |  7 ++++---
 .../Cart/OrderBtn/OrderBtn.styled.ts          | 12 +++++++----
 .../homeSection1/homeSection1.styled.ts       | 20 +++++++++++++++----
 3 files changed, 28 insertions(+), 11 deletions(-)

diff --git a/src/components/Cart/CartSmallBtn/CartSmallBtn.styled.ts b/src/components/Cart/CartSmallBtn/CartSmallBtn.styled.ts
index a76d5cf..b4295af 100644
--- a/src/components/Cart/CartSmallBtn/CartSmallBtn.styled.ts
+++ b/src/components/Cart/CartSmallBtn/CartSmallBtn.styled.ts
@@ -2,9 +2,10 @@ import styled from "@emotion/styled";
 import theme from "@styles/theme";
 
 export const StyledBtn = styled.button`
-    text: ${theme.colors.text_gray40};
-    border: 1px solid ${theme.colors.stroke_gray50};
-    ${theme.fonts.body10_sb_11};
     padding: 0.4rem 0.6rem;
+    border: 1px solid ${theme.colors.stroke_gray50};
     border-radius: 0.5rem;
+
+    color: ${theme.colors.text_gray40};
+    ${theme.fonts.body10_sb_11};
 `;
\ No newline at end of file
diff --git a/src/components/Cart/OrderBtn/OrderBtn.styled.ts b/src/components/Cart/OrderBtn/OrderBtn.styled.ts
index b202ea9..11a4bb2 100644
--- a/src/components/Cart/OrderBtn/OrderBtn.styled.ts
+++ b/src/components/Cart/OrderBtn/OrderBtn.styled.ts
@@ -2,12 +2,14 @@ import styled from "@emotion/styled";
 import theme from "@styles/theme";
 
 export const StyledBtn = styled.button`
+  width: 25rem;
+  height: 5.6rem;
+
   background-color: ${theme.colors.purple50};
   border-radius: 10px;
+
   color: white;
   ${theme.fonts.body2_b_14};
-  width: 25rem;
-  height: 5.6rem;
   transition: 
     background-color 0.3s ease, 
     color 0.3s ease, 
@@ -15,9 +17,11 @@ export const StyledBtn = styled.button`
     height 0.3s ease; 
 
   &:active {
-    background-color: ${theme.colors.purple60};
-    color: ${theme.colors.purple40};
     width: 23.6rem; 
     height: 5.2rem;
+
+    background-color: ${theme.colors.purple60};
+
+    color: ${theme.colors.purple40};
   }
 `;
diff --git a/src/components/homeSection1/homeSection1.styled.ts b/src/components/homeSection1/homeSection1.styled.ts
index 6011628..e5dfd09 100644
--- a/src/components/homeSection1/homeSection1.styled.ts
+++ b/src/components/homeSection1/homeSection1.styled.ts
@@ -13,7 +13,7 @@ export const HomeSectionWrapper = styled.div`
   width: 100vw;
   height: 55.7rem;
   flex-shrink: 0;
-  background: linear-gradient(180deg, #FFFFFF 0%, #F2F2F4 100%);
+  background: linear-gradient(180deg, #FFF 0%, #F2F2F4 100%);
   cursor: default;
 `;
 
@@ -33,15 +33,17 @@ export const TitleMent = styled.div`
 
 export const Btn = styled.button`
   display: inline-flex;
-  height: 2.6rem;
   position: absolute;
-  align-items: center;
   right: 14.5rem; 
+  height: 2.6rem;
+  align-items: center;
   gap: 0.6rem;
   padding: 0.4rem 1rem;
   border: 1px solid ${theme.colors.stroke_gray30};
   border-radius: 9.9rem;
+
   background-color: ${theme.colors.white};
+
   color: ${theme.colors.text_gray10};
   ${theme.fonts.body5_r_13};
   line-height: 0%;
@@ -74,15 +76,18 @@ export const SalePrice = styled.div`
   left: -1.25rem;
   justify-content: center;
   align-items: center;
-  padding: 1.5rem 0.5rem 1.1rem 0.5rem;
+  padding: 1.5rem 0.5rem 1.1rem;
   border-radius: 9.9rem;
+
   background-color: ${theme.colors.purple50};
+
   color: ${theme.colors.white};
   ${theme.fonts.head_b_24};
 `;
 
 export const ImgTitle = styled.p`
   margin-top: 3.6rem;
+
   color: ${theme.colors.text_gray30};
   ${theme.fonts.title3_b_15};
 `;
@@ -92,6 +97,7 @@ export const ImgPrice = styled.div`
   width: 17.8rem;
   align-items: center;
   justify-content: flex-start;
+
   color: ${theme.colors.purple50};
   ${theme.fonts.title3_b_15}; 
   white-space: nowrap;
@@ -99,12 +105,14 @@ export const ImgPrice = styled.div`
   p{
     margin-right: 0.4rem;
     margin-left: 3.3rem;
+
     color: ${theme.colors.text_gray40};
   }
 `;
 
 export const RealPrice = styled.div`
   position: relative;
+
   color: ${theme.colors.stroke_gray40};
   ${theme.fonts.title3_b_15};
 `;
@@ -124,6 +132,7 @@ export const ProgressLayout = styled.div`
   ${commonFlexCenter}
   width: 100vw;
   gap:3.8rem;
+
   background-color: ${theme.colors.white};
 `;
 
@@ -131,6 +140,7 @@ export const ProgressMent = styled.div`
   display: flex;
   flex-direction: column;
   gap: 1rem;
+
   color: ${theme.colors.text_gray20};
   ${theme.fonts.body5_b_13};
 
@@ -170,7 +180,9 @@ export const ProgressFocus = styled.div`
   width: 10.9rem;
   height: 3.4rem;
   border-radius: 2rem;
+
   background-color: ${theme.colors.purple50};
+
   color: ${theme.colors.white};
   line-height: 0%;
 `;