LinumIQ/linumiq-invoice
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): align section headings (drop padding=none + redundant inner s-box)

Browse Source
This commit is contained in:
Gerhard Scheikl
2026-05-08 22:47:10 +02:00
parent 093db30b6c
commit 64ac54d3c3
2 changed files with 42 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/routes/app._index.tsx
+11 -16
View File
@@ -113,20 +113,17 @@ export default function Index() {
<s-section
heading="Recent invoices"
padding="none"
accessibilityLabel="Recent invoices table"
>
{recent.length === 0 ? (
<s-box padding="base">
<s-stack direction="block" gap="base" alignItems="center">
<s-text type="strong">No invoices yet</s-text>
<s-paragraph tone="neutral">
Generate your first invoice from the Invoices page or directly
from a Shopify order.
</s-paragraph>
<s-link href="/app/invoices">Open invoices →</s-link>
</s-stack>
</s-box>
<s-stack direction="block" gap="base" alignItems="center">
<s-text type="strong">No invoices yet</s-text>
<s-paragraph tone="neutral">
Generate your first invoice from the Invoices page or directly
from a Shopify order.
</s-paragraph>
<s-link href="/app/invoices">Open invoices →</s-link>
</s-stack>
) : (
<s-table>
<s-table-header-row>
@@ -171,11 +168,9 @@ export default function Index() {
</s-table-body>
</s-table>
)}
<s-box padding="base">
<s-stack direction="inline" justifyContent="end">
<Link to="/app/invoices">View all invoices →</Link>
</s-stack>
</s-box>
<s-stack direction="inline" justifyContent="end">
<Link to="/app/invoices">View all invoices →</Link>
</s-stack>
</s-section>
<s-section heading="How it works">