design: 스켈레톤 디자인 속성 수정

woowacourse-teams · Apr 5, 2024 · 1d79d46 · 1d79d46
1 parent 225285b
commit 1d79d46
Showing 1 changed file with 0 additions and 11 deletions.
diff --git a/frontend/src/pages/RestaurantDetailPage/Skeleton.tsx b/frontend/src/pages/RestaurantDetailPage/Skeleton.tsx
@@ -62,8 +62,6 @@ const StyledHeader = styled.div`
   flex-direction: column;
   gap: 0.8rem 0;
 
-  width: calc(100vw - 2.4rem);
-
   padding: 1.2rem 0 2.4rem;
 
   & > div:first-child {
@@ -85,7 +83,6 @@ const StyledHeader = styled.div`
 
 const StyledImageViewer = styled.div`
   ${paintSkeleton}
-  width: calc(100vw - 2.4rem);
   height: calc((100vw - 2.4rem) * 0.9);
 
   padding: 2.4rem 0;
@@ -98,8 +95,6 @@ const StyledDetailInformation = styled.div`
   flex-direction: column;
   gap: 2.4rem;
 
-  width: calc(100vw - 2.4rem);
-
   padding: 4.8rem 0;
 
   & > div {
@@ -114,15 +109,13 @@ const StyledDetailInformation = styled.div`
 
     & > div > div:first-child {
       ${paintSkeleton}
-      width: calc((100vw - 2.4rem) * 0.7);
       height: 24px;
 
       border-radius: ${BORDER_RADIUS.xs};
     }
 
     & > div > div:last-child {
       ${paintSkeleton}
-      width: calc((100vw - 2.4rem) * 0.5);
       height: 20px;
 
       border-radius: ${BORDER_RADIUS.xs};
@@ -135,16 +128,13 @@ const StyledLine = styled.div`
   flex-direction: column;
   gap: 1.2rem;
 
-  width: calc(100vw - 2.4rem);
-
   padding: 4.8rem 0;
 
   border-top: 1px solid var(--gray-2);
   border-bottom: 1px solid var(--gray-2);
 
   & > div {
     ${paintSkeleton}
-    width: calc((100vw - 2.4rem) * 0.6);
     height: 24px;
 
     border-radius: ${BORDER_RADIUS.xs};
@@ -153,7 +143,6 @@ const StyledLine = styled.div`
 
 const StyledBox = styled.div`
   ${paintSkeleton}
-  width: calc(100vw - 2.4rem);
   height: 120px;
 
   border-radius: ${BORDER_RADIUS.md};