From 48903fdf97aea63f992c885c4ac30024561869a3 Mon Sep 17 00:00:00 2001 From: unknown Date: Wed, 15 Jul 2026 10:51:26 +0530 Subject: [PATCH] fix(ui): style Scout's Eye modal scrollbar to match theme --- components/HowItWorksModal.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/HowItWorksModal.tsx b/components/HowItWorksModal.tsx index 701af2e..aeb02cb 100644 --- a/components/HowItWorksModal.tsx +++ b/components/HowItWorksModal.tsx @@ -76,7 +76,7 @@ export default function HowItWorksModal({ onClose }: { onClose: () => void }) { aria-modal="true" aria-labelledby="hiw-title" onClick={(e) => e.stopPropagation()} - className="relative max-h-[88vh] w-[min(600px,100%)] overflow-auto rounded-[20px] border border-line bg-[linear-gradient(180deg,var(--color-surface-2),var(--color-panel))] p-[clamp(24px,4.5vw,40px)] shadow-[0_40px_120px_rgba(0,0,0,.6)] outline-none" + className="relative max-h-[88vh] w-[min(600px,100%)] overflow-auto rounded-[20px] border border-line bg-[linear-gradient(180deg,var(--color-surface-2),var(--color-panel))] p-[clamp(24px,4.5vw,40px)] shadow-[0_40px_120px_rgba(0,0,0,.6)] outline-none [scrollbar-width:thin] [scrollbar-color:var(--color-line)_transparent] [&::-webkit-scrollbar]:w-[6px] [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-line [&::-webkit-scrollbar-thumb:hover]:bg-gray" style={{ opacity: shown ? 1 : 0, transform: shown ? "translateY(0) scale(1)" : "translateY(14px) scale(.985)",