github/dbx
4
0 Fork 0
mirror of https://github.com/t8y2/dbx.git synced 2026-11-15 06:51:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): soften overflow scrollbars

Browse Source
This commit is contained in:
t8y2 committed 2026-06-11 22:20:34 +08:00
1 parent cee8cbb95a
commit 098d125bcb
2 files changed
+15 -5
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

apps/desktop/src/components/grid/DataGrid.vue
+4 -4
View File
@@ -7757,7 +7757,7 @@ const gridContextMenuItems = computed<ContextMenuItem[]>(() => {
.data-grid-horizontal-scrollbar {
position: absolute;
inset-inline: calc(var(--row-num-w) + 8px) 10px;
bottom: 8px;
bottom: 2px;
z-index: 30;
height: 10px;
cursor: pointer;
@@ -7771,7 +7771,7 @@ const gridContextMenuItems = computed<ContextMenuItem[]>(() => {
top: 4px;
height: 2px;
border-radius: 999px;
background: color-mix(in oklch, var(--foreground) 12%, transparent);
background: color-mix(in oklch, var(--foreground) 7%, transparent);
}
.data-grid-horizontal-scrollbar__thumb {
@@ -7780,7 +7780,7 @@ const gridContextMenuItems = computed<ContextMenuItem[]>(() => {
height: 4px;
min-width: 24px;
border-radius: 999px;
background: color-mix(in oklch, var(--foreground) 42%, transparent);
background: color-mix(in oklch, var(--foreground) 24%, transparent);
transition:
height 120ms ease,
background-color 120ms ease,
@@ -7791,7 +7791,7 @@ const gridContextMenuItems = computed<ContextMenuItem[]>(() => {
.data-grid-horizontal-scrollbar--dragging .data-grid-horizontal-scrollbar__thumb {
top: 2px;
height: 6px;
background: color-mix(in oklch, var(--foreground) 62%, transparent);
background: color-mix(in oklch, var(--foreground) 42%, transparent);
}
.canvas-grid-surface {