Merge commit 'b1bfc244d10627598f5fb533e62eb86bf166fd98'
# Conflicts: # src/app/globals.css # src/components/overlay-scrollbars-init.tsx
This commit is contained in:
@@ -1001,28 +1001,14 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Native fallback for containers that cannot use OverlayScrollbars (e.g. virtua) */
|
/* Unified scrollbar style for scrollable containers.
|
||||||
.scrollbar-thin {
|
Thin overlay scrollbar — no gutter reserved, no layout shift. */
|
||||||
|
.scrollbar-thin,
|
||||||
|
.scrollbar-thin-edge {
|
||||||
scrollbar-width: thin;
|
scrollbar-width: thin;
|
||||||
scrollbar-color: var(--border) transparent;
|
scrollbar-color: var(--border) transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* OverlayScrollbars custom theme */
|
|
||||||
.os-theme-codeg {
|
|
||||||
--os-size: 6px;
|
|
||||||
--os-handle-bg: var(--border);
|
|
||||||
--os-handle-bg-hover: var(--muted-foreground);
|
|
||||||
--os-handle-bg-active: var(--muted-foreground);
|
|
||||||
--os-handle-border-radius: 999px;
|
|
||||||
--os-handle-perpendicular-size: 100%;
|
|
||||||
--os-handle-perpendicular-size-hover: 100%;
|
|
||||||
--os-handle-perpendicular-size-active: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.os-theme-codeg:hover {
|
|
||||||
--os-size: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Streamdown code blocks: dark mode via shiki dual-theme CSS variables */
|
/* Streamdown code blocks: dark mode via shiki dual-theme CSS variables */
|
||||||
.dark [data-streamdown="code-block-body"] {
|
.dark [data-streamdown="code-block-body"] {
|
||||||
background-color: var(--shiki-dark-bg, var(--sdm-bg, transparent)) !important;
|
background-color: var(--shiki-dark-bg, var(--sdm-bg, transparent)) !important;
|
||||||
|
|||||||
@@ -22,4 +22,4 @@ export function OverlayScrollbarsInit() {
|
|||||||
}, [init])
|
}, [init])
|
||||||
|
|
||||||
return null
|
return null
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user