Ver código fonte

feat(web): add hover scale adjustments for medium-sized devices

- Add media query for 1080x1920 medium-sized devices (751px-1200px width, 1700px+ height)
- Reduce primary hover scale effect from 1.05 to 1.02 for better visual balance
- Reduce secondary hover scale effect from 1.01 to 1.005 for scale101 class
- Optimize touch interaction feedback for mid-range device screens
sy 1 mês atrás
pai
commit
d2ceed036a
1 arquivos alterados com 18 adições e 1 exclusões
  1. 18 1
      web/src/assets/main.css

+ 18 - 1
web/src/assets/main.css

@@ -172,4 +172,21 @@ body {
             }
         }
     }
-}
+}
+
+/* 1080x1920 中等尺寸设备 - 减小悬停放大效果 */
+@media screen and (min-width: 751px) and (max-width: 1200px) and (min-height: 1700px) {
+    #app {
+        .hover-scale {
+            &:hover {
+                transform: scale(1.02); /* 从 1.05 减小到 1.02 */
+            }
+
+            &.scale101 {
+                &:hover {
+                    transform: scale(1.005); /* 从 1.01 减小到 1.005 */
+                }
+            }
+        }
+    }
+}