feat(front-end): update header layout
Some checks failed
Build and Deploy / test-frontend (push) Successful in 1m6s
Build and Deploy / test-backend (push) Successful in 27s
PR Checks / prettier-autofix (pull_request) Successful in 8s
PR Checks / security-sast (pull_request) Successful in 36s
Build and Deploy / deploy (push) Has been cancelled
Build and Deploy / build-and-push (push) Has been cancelled
PR Checks / test-backend (pull_request) Successful in 27s
PR Checks / test-frontend (pull_request) Successful in 1m1s

This commit is contained in:
2026-03-11 15:28:40 +01:00
parent faaa59ae01
commit d77c3c7a5c
2 changed files with 2 additions and 32 deletions

View File

@@ -9,7 +9,7 @@
</div> </div>
<div class="header-side ui-stack ui-stack--dense"> <div class="header-side ui-stack ui-stack--dense">
<div class="header-stats ui-inline-actions"> <div class="header-stats ui-row ui-row--wrap ui-row--end">
<article class="ui-stat-chip"> <article class="ui-stat-chip">
<strong>{{ products.length }}</strong> <strong>{{ products.length }}</strong>
<span>prodotti</span> <span>prodotti</span>
@@ -19,7 +19,7 @@
<span>categorie</span> <span>categorie</span>
</article> </article>
</div> </div>
<div class="header-actions ui-inline-actions"> <div class="header-actions ui-row ui-row--wrap ui-row--end">
<button <button
type="button" type="button"
class="ui-button ui-button--ghost" class="ui-button ui-button--ghost"

View File

@@ -80,27 +80,6 @@
color: var(--color-text-muted); color: var(--color-text-muted);
} }
.header-side {
display: flex;
flex-direction: column;
gap: var(--space-2);
align-items: flex-end;
}
.header-stats {
display: flex;
flex-wrap: wrap;
gap: var(--space-2);
justify-content: flex-end;
}
.header-actions {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: var(--space-2);
}
.workspace { .workspace {
align-items: start; align-items: start;
} }
@@ -551,15 +530,6 @@ tbody tr.selected {
align-items: stretch; align-items: stretch;
} }
.header-side {
align-items: stretch;
}
.header-stats,
.header-actions {
justify-content: flex-start;
}
.list-toolbar, .list-toolbar,
.ui-form-grid--two { .ui-form-grid--two {
grid-template-columns: 1fr; grid-template-columns: 1fr;