Unify form styling across invoice, estimate, and recurring invoice pages

Apply consistent rounded-xl shadow border-line-light to customer
selector, date/number fields card, items table, totals card, editor,
tax popup, and view page sidebars. Wrap right-side basic fields in
card container matching the customer card.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Darko Gjorgjijoski
2026-04-04 02:18:00 +02:00
parent 88adfe0e50
commit 350068706c
8 changed files with 25 additions and 22 deletions

View File

@@ -266,7 +266,7 @@
class="
flex-1
border border-gray-400 border-solid
rounded-md
rounded-xl
bg-surface
frame-style
"

View File

@@ -8,7 +8,7 @@
class="col-span-5 pr-0"
/>
<BaseInputGrid class="col-span-7">
<BaseInputGrid class="col-span-7 rounded-xl shadow border border-line-light bg-surface p-5">
<BaseInputGroup
:label="$t('reports.estimates.estimate_date')"
:content-loading="isLoading"

View File

@@ -508,7 +508,7 @@ onSearched = debounce(onSearched, 500)
flex-1
border border-gray-400 border-solid
bg-surface
rounded-md
rounded-xl
frame-style
"
/>

View File

@@ -8,7 +8,7 @@
class="col-span-12 lg:col-span-5 pr-0"
/>
<BaseInputGrid class="col-span-12 lg:col-span-7">
<BaseInputGrid class="col-span-12 lg:col-span-7 rounded-xl shadow border border-line-light bg-surface p-5">
<BaseInputGroup
:label="$t('invoices.invoice_date')"
:content-loading="isLoading"

View File

@@ -36,6 +36,7 @@
gap-4
mt-8
lg:gap-6 lg:mt-0 lg:grid-cols-2
rounded-xl shadow border border-line-light bg-surface p-5
"
>
<BaseInputGroup