marcoallegretti/likwid
1
0
Fork 0
mirror of https://codeberg.org/likwid/likwid.git synced 2026-02-09 21:13:09 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

ux: centralize ui-form styles

Browse source
This commit is contained in:
Marco Allegretti 2026-01-29 20:17:58 +01:00
parent d7f90cdd64
commit dfb80980b1
2 changed files with 32 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
frontend/src/components/ui/DesignSystemStyles.astro
View file

@ -171,6 +171,37 @@
border-color: var(--color-primary); border-color: var(--color-primary);
} }
.ui-select {
width: 100%;
}
.ui-form .form-grid {
display: grid;
grid-template-columns: 1fr;
gap: 0.75rem;
}
.ui-form .form-group {
margin-bottom: 0;
}
.ui-form .form-group label {
display: block;
margin-bottom: 0.5rem;
font-weight: 500;
}
.ui-form .form-actions {
display: flex;
justify-content: flex-end;
margin-top: 1rem;
}
.ui-form .help-text {
color: var(--color-text-muted);
margin: 0.35rem 0 0;
}
:where(button) { :where(button) {
border: 1px solid transparent; border: 1px solid transparent;
border-radius: var(--radius-sm); border-radius: var(--radius-sm);

29
frontend/src/pages/delegations.astro
View file

@ -117,7 +117,7 @@ import DelegationGraph from '../components/voting/DelegationGraph.astro';
<h2>Create Delegation</h2> <h2>Create Delegation</h2>
<button type="button" class="ui-btn ui-btn-secondary" id="cancel-delegation">Close</button> <button type="button" class="ui-btn ui-btn-secondary" id="cancel-delegation">Close</button>
</div> </div>
<form id="delegation-form"> <form id="delegation-form" class="ui-form">
<div class="form-grid"> <div class="form-grid">
<div class="form-group"> <div class="form-group">
<label for="delegate-select">Delegate to</label> <label for="delegate-select">Delegate to</label>
@ -375,33 +375,6 @@ import DelegationGraph from '../components/voting/DelegationGraph.astro';
letter-spacing: -0.01em; letter-spacing: -0.01em;
} }
.form-group {
margin-bottom: 1rem;
}
.form-group label {
display: block;
margin-bottom: 0.5rem;
font-weight: 500;
}
.form-grid {
display: grid;
grid-template-columns: 1fr;
gap: 0.75rem;
}
.form-actions {
display: flex;
justify-content: flex-end;
margin-top: 1rem;
}
.help-text {
color: var(--color-text-muted);
margin: 0.35rem 0 0;
}
.loading { .loading {
color: var(--color-text-muted); color: var(--color-text-muted);
text-align: center; text-align: center;