fix(explore): stabilize article list hover

2026-07-24 10:41:51 +08:00
parent 7c9d5e4560
commit d6e4998d87
1 changed files with 3 additions and 9 deletions
--- a/apps/web_v1/src/App.css
+++ b/apps/web_v1/src/App.css
@@ -814,6 +814,7 @@
  display: grid;
  grid-template-columns: minmax(320px, 34%) minmax(520px, 1fr);
  gap: 12px;
+  margin-top: 12px;
 }

 .explore-article-list.queue-section .arco-card-body,
@@ -839,20 +840,13 @@
 .explore-list-body {
  max-height: calc(100vh - 252px);
  overflow: auto;
-  scrollbar-width: none;
-}
-
-.explore-list-body:hover {
  scrollbar-width: thin;
+  scrollbar-gutter: stable;
 }

 .explore-list-body::-webkit-scrollbar {
-  width: 0;
-  height: 0;
-}
-
-.explore-list-body:hover::-webkit-scrollbar {
  width: 8px;
+  height: 8px;
 }

 .explore-article-item {