Overall design work
This commit is contained in:
@@ -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 }}"
|
||||
|
||||
@@ -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" />
|
||||
|
||||
|
||||
Reference in New Issue
Block a user