[Fix] 아이콘 사이 간격 수정

blind-42 · Mar 23, 2022 · 87f2857 · 87f2857
1 parent 3086379
commit 87f2857
Showing 1 changed file with 9 additions and 5 deletions.
diff --git a/client/src/pages/Main/styled.ts b/client/src/pages/Main/styled.ts
@@ -27,8 +27,8 @@ export const LogoImg = styled.div`
 export const MainIconWrap = styled.div`
   position: absolute;
   z-index: 1;
-  top: 2rem;
-  left: 2rem;
+  top: 1.5rem;
+  left: 1rem;
   display: grid;
   grid-template-rows: repeat(6, auto);
   grid-auto-flow: column;
@@ -38,12 +38,16 @@ export const MainIconWrap = styled.div`
   place-content: start start;
   ${({ theme }) => theme.media.tablet`
 		top: 1rem;
-		left: 1rem;
+		left: 0.7rem;
+		row-gap: 1rem;
+		column-gap: 0.7rem;
 		grid-template-rows: repeat(6, auto);
 	`}
   ${({ theme }) => theme.media.desktop`
 		top: 1rem;
-		left: 1rem;
+		left: 0.7rem;
+		row-gap: 1rem;
+		column-gap: 0.7rem;
 		grid-template-rows: repeat(6, auto);
 	`}
 `;
@@ -93,7 +97,7 @@ export const AdminPageButton = styled.div`
   cursor: pointer;
   position: absolute;
   z-index: 0;
-  bottom: 5rem;
+  bottom: 6rem;
   right: 2rem;
   display: flex;
   flex-direction: column;