fix: Main page hover animation for mobile

raipen · Mar 22, 2024 · 0cce01f · 0cce01f
1 parent dbc6ece
commit 0cce01f
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/react/src/page/Main.tsx b/react/src/page/Main.tsx
@@ -21,8 +21,11 @@ const MenuCircle = styled(Link)<{ $disable: boolean }>`
     width: ${props => props.$disable ? "calc(50% - 30px)" : "calc(50% - 10px)"};
   }
   @media (max-width: 900px) {
-    width: calc(100% - 20px);
+    width: calc(100% - 30px);
     margin: 10px;
+    &:hover{
+      width:  ${props => props.$disable ? "calc(100% - 30px)" : "calc(100% - 20px)"};
+    }
   }
 `;