adalal/solidtime
1
0
Fork 0
mirror of https://github.com/solidtime-io/solidtime.git synced 2026-08-14 19:22:14 +01:00
Code Issues Packages Projects Releases Wiki Activity

responsive time entry modal fixes

Browse Source
This commit is contained in:
Gregor Vostrak
2026-02-10 17:18:49 +01:00
parent 474b294a18
commit a9e03f3b29
3 changed files with 41 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
resources/js/packages/ui/src/TimeEntry/TimeEntryEditModal.vue
View File

@@ -214,8 +214,8 @@ const billableProxy = computed({
</Select>
</div>
</div>
<div class="flex flex-col sm:flex-row gap-4 pt-4">
<Field class="flex-1">
<div class="grid grid-cols-2 sm:grid-cols-5 gap-4 pt-4">
<Field class="col-span-2 sm:col-span-3">
<FieldLabel>Duration</FieldLabel>
<div class="space-y-2 flex flex-col">
<DurationHumanInput
@@ -232,32 +232,25 @@ const billableProxy = computed({
</div>
</div>
</Field>
<div class="grid grid-cols-2 sm:flex gap-4">
<Field>
<FieldLabel>Start</FieldLabel>
<div class="flex flex-col gap-2 sm:w-28">
<TimePickerSimple
v-model="localStart"
class="w-full"></TimePickerSimple>
<DatePicker
v-model="localStart"
class="w-full"
tabindex="1"></DatePicker>
</div>
</Field>
<Field>
<FieldLabel>End</FieldLabel>
<div class="flex flex-col gap-2 sm:w-28">
<TimePickerSimple
v-model="localEnd"
class="w-full"></TimePickerSimple>
<DatePicker
v-model="localEnd"
class="w-full"
tabindex="1"></DatePicker>
</div>
</Field>
</div>
<Field>
<FieldLabel>Start</FieldLabel>
<div class="flex flex-col gap-2">
<TimePickerSimple
v-model="localStart"
class="w-full"></TimePickerSimple>
<DatePicker
v-model="localStart"
class="w-full"
tabindex="1"></DatePicker>
</div>
</Field>
<Field>
<FieldLabel>End</FieldLabel>
<div class="flex flex-col gap-2">
<TimePickerSimple v-model="localEnd" class="w-full"></TimePickerSimple>
<DatePicker v-model="localEnd" class="w-full" tabindex="1"></DatePicker>
</div>
</Field>
</div>
</div>
</template>