Overall design work

2025-11-11 11:49:38 +01:00
parent ec482cea6c
commit b81c6d71f4
12 changed files with 101 additions and 67 deletions
@@ -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" />