From 9adc52bd0367d1c20a4d23d636b89b6bce9a2eed Mon Sep 17 00:00:00 2001 From: gabogg Date: Sun, 14 Jun 2026 02:32:57 +0000 Subject: [PATCH] style: custom premium scrollbar styling for plans modal --- src/app/plans/page.module.css | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/src/app/plans/page.module.css b/src/app/plans/page.module.css index 16ca3e9..30191dd 100644 --- a/src/app/plans/page.module.css +++ b/src/app/plans/page.module.css @@ -292,6 +292,25 @@ gap: var(--space-6); max-height: 90vh; overflow-y: auto; + scrollbar-width: thin; + scrollbar-color: var(--border) transparent; +} + +.modal::-webkit-scrollbar { + width: 6px; +} + +.modal::-webkit-scrollbar-track { + background: transparent; +} + +.modal::-webkit-scrollbar-thumb { + background: var(--border); + border-radius: var(--radius-full); +} + +.modal::-webkit-scrollbar-thumb:hover { + background: var(--primary); } .modalTitle {