GuilanCE/guilan-ace-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: compact mobile filters and dark calendar modal

Browse Source
This commit is contained in:
Amirhossein Khalili
2026-09-30 18:29:39 +03:30
parent 09109cebb2
commit c9a0b6015c
2 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/events/EventFiltersDrawer.tsx
View File

@@ -58,7 +58,7 @@ export function EventFiltersDrawer({
aria-label={activeFilterCount ? `فیلترها، ${formatNumberPersian(activeFilterCount)} مورد انتخاب‌شده` : "فیلترها"} aria-label={activeFilterCount ? `فیلترها، ${formatNumberPersian(activeFilterCount)} مورد انتخاب‌شده` : "فیلترها"}
> >
<SlidersHorizontal aria-hidden="true" className="size-4" /> <SlidersHorizontal aria-hidden="true" className="size-4" />
فیلترها <span className="hidden min-[640px]:inline">فیلترها</span>
{activeFilterCount > 0 ? ( {activeFilterCount > 0 ? (
<span <span
aria-hidden="true" aria-hidden="true"

7
src/index.css
View File

@@ -183,6 +183,10 @@ html.dark a.home-hero-secondary:focus-visible {
animation: event-range-fade-in 140ms ease-out; animation: event-range-fade-in 140ms ease-out;
} }
html.dark .event-range-modal-overlay {
background: hsl(0 0% 0% / 0.24);
}
.event-date-range-modal { .event-date-range-modal {
position: fixed; position: fixed;
z-index: 61; z-index: 61;
@@ -202,6 +206,9 @@ html.dark a.home-hero-secondary:focus-visible {
animation: event-range-modal-in 160ms ease-out; animation: event-range-modal-in 160ms ease-out;
} }
html.dark .event-date-range-modal {
box-shadow: 0 1rem 3rem hsl(0 0% 0% / 0.34);
}
@keyframes event-range-fade-in { @keyframes event-range-fade-in {
from { opacity: 0; } from { opacity: 0; }
to { opacity: 1; } to { opacity: 1; }