Robotail/Corp
Robotail/Corp
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: align mini calendar select with form controls

Browse Source
This commit is contained in:
lizerk 2026-04-16 17:22:30 +03:00
parent 78b8615871
commit c74200f6e1
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/components/calendar/CalendarCard.tsx
View File

@ -504,14 +504,14 @@ export const CalendarCard = memo(function CalendarCard({
</div>
)}
<div className="flex items-center gap-2">
<div className="relative">
<select
value={selectedCalendarId === null ? "" : selectedCalendarId}
onChange={(e) => {
const value = e.target.value;
setSelectedCalendarId(value === "" ? null : Number(value));
}}
className="app-select flex-1 rounded-lg px-2.5 py-2 text-xs"
className="app-select w-full appearance-none rounded-xl py-2.5 pl-3 pr-10 text-sm"
>
<option value="">📅 Все события</option>
{calendarOptions.map((cal) => (
@ -520,6 +520,10 @@ export const CalendarCard = memo(function CalendarCard({
</option>
))}
</select>
<ChevronDown
size={16}
className="app-text-muted pointer-events-none absolute right-3 top-1/2 -translate-y-1/2"
/>
</div>
</div>
)}