aiolabs/webapp
9
0
Fork 0
Code Issues 70 Pull requests Projects Releases Packages Wiki Activity Actions

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

Browse source 
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
1 changed files with 1 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/modules/chatelet/views/ChateletDetailPage.vue
View file

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