From 87f2857ce9345a4b2e0179a9561db2d19e7ab9d1 Mon Sep 17 00:00:00 2001 From: tamagoyakii Date: Wed, 23 Mar 2022 18:45:42 +0900 Subject: [PATCH] =?UTF-8?q?[Fix]=20=EC=95=84=EC=9D=B4=EC=BD=98=20=EC=82=AC?= =?UTF-8?q?=EC=9D=B4=20=EA=B0=84=EA=B2=A9=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- client/src/pages/Main/styled.ts | 14 +++++++++----- 1 file changed, 9 insertions(+), 5 deletions(-) diff --git a/client/src/pages/Main/styled.ts b/client/src/pages/Main/styled.ts index 704279f..8b056eb 100644 --- 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;