feat: main page hover animation

raipen · Mar 22, 2024 · 6340133 · 6340133
1 parent 0cce01f
commit 6340133
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/react/src/page/Main.tsx b/react/src/page/Main.tsx
@@ -17,10 +17,12 @@ const MenuCircle = styled(Link)<{ $disable: boolean }>`
   transition: all 0.5s ease-in-out;
   user-select: none;
   cursor: ${props => props.$disable ? "default" : "pointer"};
+  max-width: 270px;
   &:hover {
     width: ${props => props.$disable ? "calc(50% - 30px)" : "calc(50% - 10px)"};
+    max-width: 310px;
   }
-  @media (max-width: 900px) {
+  @media (max-width: 660px) {
     width: calc(100% - 30px);
     margin: 10px;
     &:hover{