Fixed Drawer width on phone

This commit is contained in:
Simon Pocrnjič
2026-06-21 21:03:53 +02:00
parent 2e5532aaa8
commit ced80ebea6
2 changed files with 4 additions and 4 deletions
@@ -380,13 +380,13 @@ watch(
<template> <template>
<Drawer :open="show" @update:open="(val) => !val && close()"> <Drawer :open="show" @update:open="(val) => !val && close()">
<DrawerContent class="flex flex-col max-h-[90vh]"> <DrawerContent class="flex flex-col h-[90vh]">
<DrawerHeader class="border-b px-4 py-3 shrink-0"> <DrawerHeader class="border-b px-4 py-3 shrink-0">
<DrawerTitle>Dodaj aktivnost</DrawerTitle> <DrawerTitle>Dodaj aktivnost</DrawerTitle>
</DrawerHeader> </DrawerHeader>
<ScrollArea class="flex-1 min-h-0"> <ScrollArea class="flex-1 min-h-0">
<form @submit.prevent="store" class="px-4 py-4 space-y-4"> <form @submit.prevent="store" class="px-4 py-4 space-y-4 w-full min-w-0">
<div class="space-y-2"> <div class="space-y-2">
<Label>Akcija</Label> <Label>Akcija</Label>
<Select v-model="form.action_id" :disabled="!actions || !actions.length"> <Select v-model="form.action_id" :disabled="!actions || !actions.length">
+2 -2
View File
@@ -755,7 +755,7 @@ const clientSummary = computed(() => {
<!-- Upload Document Drawer --> <!-- Upload Document Drawer -->
<Drawer :open="docDialogOpen" @update:open="(val) => !val && closeDocDialog()"> <Drawer :open="docDialogOpen" @update:open="(val) => !val && closeDocDialog()">
<DrawerContent class="flex flex-col max-h-[90vh]"> <DrawerContent class="flex flex-col h-[90vh]">
<DrawerHeader class="border-b px-4 py-3 shrink-0"> <DrawerHeader class="border-b px-4 py-3 shrink-0">
<DrawerTitle>Dodaj dokument</DrawerTitle> <DrawerTitle>Dodaj dokument</DrawerTitle>
<p v-if="selectedContract" class="text-sm text-muted-foreground mt-1"> <p v-if="selectedContract" class="text-sm text-muted-foreground mt-1">
@@ -764,7 +764,7 @@ const clientSummary = computed(() => {
</p> </p>
</DrawerHeader> </DrawerHeader>
<ScrollArea class="flex-1 min-h-0"> <ScrollArea class="flex-1 min-h-0">
<div class="px-4 py-4 space-y-4"> <div class="px-4 py-4 space-y-4 w-full min-w-0">
<div> <div>
<Label for="docFile">Datoteka</Label> <Label for="docFile">Datoteka</Label>
<Input id="docFile" type="file" class="mt-1" @change="onPickDocument" /> <Input id="docFile" type="file" class="mt-1" @change="onPickDocument" />