fix(MainPage): 더보기 버튼 보이는 문제 해결

woowacourse-teams · Oct 24, 2024 · c7a5439 · c7a5439
1 parent 5c0fc9c
commit c7a5439
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/frontend/src/components/pages/main/MainPage.styled.ts b/frontend/src/components/pages/main/MainPage.styled.ts
@@ -125,18 +125,18 @@ export const MainPageList = styled.li`
 export const FetchButton = styled.button`
   position: fixed;
   bottom: 0;
-  left: 0;
+  left: -10rem;
   z-index: ${({ theme }) => theme.zIndex.floating};
   padding: ${({ theme }) => theme.spacing.xs};
 
   background-color: ${PRIMITIVE_COLORS.black};
 
   color: ${PRIMITIVE_COLORS.white};
 
-  transform: translateY(100%);
-  transition: transform 0.3s;
+  transform: translateX(0);
 
   &:focus {
-    transform: translateY(0);
+    transform: translateX(10rem);
+    transition: transform 0.3s;
   }
 `;