fix(chatelet): stack the date pickers on narrow screens

Side by side at phone width the DatePicker's long-form date truncates
to "September 20t…"; one column below the sm breakpoint keeps the
full date readable.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
This commit is contained in:
Padreug 2026-09-15 22:54:14 +02:00
commit 59a5046437

View file

@ -106,7 +106,7 @@ async function onCheck() {
<Card>
<CardContent class="p-4 space-y-3">
<div class="grid grid-cols-2 gap-3">
<div class="grid grid-cols-1 sm:grid-cols-2 gap-3">
<div class="space-y-1 min-w-0">
<Label>Check-in</Label>
<DatePicker v-model="checkIn" :min="today" placeholder="Check-in" />