Przeglądaj źródła

ui: tighten scroll thumb and review padding

Keep the scroll thumb visually slim (4px) while preserving a 12px drag target, and remove extra right padding in session review content.
David Hill 1 miesiąc temu
rodzic
commit
d60696ded8

+ 2 - 2
packages/ui/src/components/scroll-view.css

@@ -17,7 +17,7 @@
 
 .scroll-view__thumb {
   position: absolute;
-  right: 1px;
+  right: 0;
   top: 0;
   width: 12px;
   transition: opacity 200ms ease;
@@ -33,7 +33,7 @@
   transform: translateX(-50%);
   top: 0;
   bottom: 0;
-  width: 6px;
+  width: 4px;
   border-radius: 9999px;
   background-color: var(--border-weak-base);
   backdrop-filter: blur(4px);

+ 1 - 1
packages/ui/src/components/session-review.css

@@ -17,7 +17,7 @@
 
   [data-slot="session-review-container"] {
     flex: 1 1 auto;
-    padding-right: 4px;
+    padding-right: 0;
   }
 
   [data-slot="session-review-header"] {