Overall design work

This commit is contained in:
2025-11-11 11:49:38 +01:00
parent ec482cea6c
commit b81c6d71f4
12 changed files with 101 additions and 67 deletions
+2 -2
View File
@@ -170,8 +170,8 @@ const call = (number: string, event: Event) => {
<div class="columns-xs gap-6">
<Card v-for="customer in filteredCustomers" :key="customer.id"
class="relative mb-6 break-inside-avoid hover:border-slate-300 dark:hover:border-neutral-600 overflow-clip"
@click="" @dblclick="showDetail(customer)">
class="relative mb-6 break-inside-avoid hover:border-slate-300 dark:hover:bg-neutral-800/90 dark:hover:border-neutral-600 overflow-clip"
@click="showDetail(customer)">
<CardHeader v-if="customer.logo" class="z-0">
<img :src="'storage/uploads/' + customer.logo" alt="Logo {{ customer.companyName }}"
+6 -5
View File
@@ -197,12 +197,12 @@ const deleteInvoice = async (id: number) => {
<Head title="Rechnungen" />
<!-- Function Header -->
<AppLayout :breadcrumbs="breadcrumbs">
<div
class="flex h-full flex-1 flex-col gap-4 overflow-x-auto p-4 lg:p-8 print:bg-transparent print:p-0 print:m-0">
class="flex h-full flex-1 flex-col gap-4 overflow-x-auto p-4 lg:p-8 lg:pl-4 print:bg-transparent print:p-0 print:m-0">
<!-- Function Header -->
<div id="function-header" class="flex row justify-between items-center mb-4 gap-4">
<!-- Year select -->
@@ -212,7 +212,7 @@ const deleteInvoice = async (id: number) => {
<ChevronLeft />
</Button>
<Select :size="'sm'" v-model="selectedYearIndex" v-if="years.length > 1">
<SelectTrigger class="bg-background hover:bg-accent">
<SelectTrigger class=" hover:bg-accent">
<SelectValue placeholder="Jahr" />
</SelectTrigger>
<SelectContent>
@@ -247,8 +247,8 @@ const deleteInvoice = async (id: number) => {
</div>
<!-- <Button size="sm" @click="testToast" class="mr-2">
Toast
</Button> -->
Toast
</Button> -->
<!-- New button -->
<TooltipProvider>
@@ -272,6 +272,7 @@ const deleteInvoice = async (id: number) => {
</div>
<!-- Invoice Table -->
<DocumentTable :invoices="filteredInvoices" :onItemClicked="showDetail" />