diff --git a/frontend/application/app/globals.css b/frontend/application/app/globals.css index 7e9fb2b..8cd9147 100644 --- a/frontend/application/app/globals.css +++ b/frontend/application/app/globals.css @@ -119,6 +119,27 @@ background: #003da6; } +/* Micro horizontal scrollbar for mobile filter rows */ +.micro-hscroll { + scrollbar-width: thin; + scrollbar-color: rgba(30, 64, 83, 0.25) transparent; +} +.micro-hscroll::-webkit-scrollbar { + height: 3.5px; +} +.micro-hscroll::-webkit-scrollbar-track { + background: rgba(229, 236, 233, 0.4); + border-radius: 9999px; + margin: 0 16px; +} +.micro-hscroll::-webkit-scrollbar-thumb { + background: rgba(30, 64, 83, 0.3); + border-radius: 9999px; +} +.micro-hscroll::-webkit-scrollbar-thumb:hover { + background: var(--color-canina-blue); +} + @keyframes marquee { 0% { transform: translateX(0%); diff --git a/frontend/application/components/ArchivePage.tsx b/frontend/application/components/ArchivePage.tsx index b203f19..4e30164 100644 --- a/frontend/application/components/ArchivePage.tsx +++ b/frontend/application/components/ArchivePage.tsx @@ -576,11 +576,11 @@ export default function ArchivePage({ }; return ( -