Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-09-12 14:16:04 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

Scrollbar styles

Browse Source
This commit is contained in:
hfcRed
2026-01-18 12:10:13 +01:00
parent 83a8f5dbde
commit c9474e4c59
2 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/components/MobileNav.tsx
View File

@@ -238,7 +238,7 @@ function MenuOverlay({
return (
<ModalOverlay className={styles.panelOverlay} isOpen isDismissable={false}>
<Modal className={styles.menuOverlay}>
<Modal className={clsx(styles.menuOverlay, "scrollbar")}>
<Dialog className={styles.panelDialog}>
<header className={styles.menuHeader}>
<h2 className={styles.menuTitle}>{t("front:mobileNav.menu")}</h2>

5
app/styles/vars.css
View File

@@ -114,6 +114,8 @@ html.light {
--input-icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(90, 90, 90)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
}
/* These are the vars you mainly care about */
html {
--color-text: var(--color-base-0);
--color-text-high: var(--color-base-3);
@@ -140,11 +142,10 @@ html {
--input-line-height: 1.2rem;
--input-focus-ring: var(--border-style-accent);
--input-focus-ring-error: 2px solid var(--color-error);
--input-icon-width: 18px;
--selector-height: 1.25rem;
--input-icon-width: 18px;
--layout-nav-height: 55px;
--layout-sidenav-width: 250px;
--layout-main-padding: var(--s-4);