mirror of
https://github.com/sonr-io/sonr.git
synced 2026-08-02 17:31:39 +00:00
31 lines
577 B
Templ
31 lines
577 B
Templ
package ui
|
|
|
|
// Styles for form controls
|
|
templ LabelOnLeft() {
|
|
<style>
|
|
.label-on-left {
|
|
--label-width: 3.75rem;
|
|
--gap-width: 1rem;
|
|
}
|
|
|
|
.label-on-left + .label-on-left {
|
|
margin-top: var(--sl-spacing-medium);
|
|
}
|
|
|
|
.label-on-left::part(form-control) {
|
|
display: grid;
|
|
grid: auto / var(--label-width) 1fr;
|
|
gap: var(--sl-spacing-3x-small) var(--gap-width);
|
|
align-items: center;
|
|
}
|
|
|
|
.label-on-left::part(form-control-label) {
|
|
text-align: right;
|
|
}
|
|
|
|
.label-on-left::part(form-control-help-text) {
|
|
grid-column-start: 2;
|
|
}
|
|
</style>
|
|
}
|