modify: 누적 똑똑 현황 모바일 로딩 스타일 수정

CoolPeace-yanolza · Jan 23, 2024 · eb4adb7 · eb4adb7
1 parent ab8597d
commit eb4adb7
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/src/components/Report/RightSection/TotalReport/index.loading.tsx b/src/components/Report/RightSection/TotalReport/index.loading.tsx
@@ -32,10 +32,10 @@ const Container = styled.div`
 
   ${theme.response.tablet} {
     width: 90%;
-    max-height: 250px;
+    max-height: 220px;
 
     margin: 0;
-    padding: 20px 10px;
+    padding: 10px 10px;
 
     overflow: hidden;
   }
@@ -59,7 +59,10 @@ const Title = styled(BaseSkeleton)`
 
   ${theme.response.tablet} {
     width: 30%;
+
+    margin-bottom: 15px;
     border-radius: 7px;
+    padding-bottom: 5px;
   }
 `;
 
@@ -74,6 +77,8 @@ const ContentsWrapper = styled.div`
 
   ${theme.response.tablet} {
     border-radius: 10px;
+
+    gap: 5px;
   }
 `;
 
@@ -88,7 +93,7 @@ const ContentsTop = styled(BaseSkeleton)`
 
   ${theme.response.tablet} {
     width: 100%;
-    height: 65px;
+    height: 50px;
   }
 `;