Refactor music management UI: separate group musics into its own template, enhance form structure, and improve responsiveness

Fix #5
This commit is contained in:
Edgar P. Burkhart 2025-06-15 16:37:09 +02:00
parent b30ee77132
commit c7b907f115
Signed by: edpibu
GPG key ID: 9833D3C5A25BD227
5 changed files with 113 additions and 76 deletions

View file

@ -179,9 +179,25 @@ table select {
color: var(--pico-color-red-500);}
}
table.results {
table.results, table.musics {
white-space: nowrap;
}
.sc i {
margin-right: .5em;
}
@media (width < 576px) {
[role="group"] {
display: grid;
& > :first-child {
border-radius: var(--pico-border-radius) var(--pico-border-radius) 0 0 !important;
}
& > :not(:first-child) {
margin-left: 0 !important;
margin-top: calc(var(--pico-border-width) * -1);
}
& > :last-child {
border-radius: 0 0 var(--pico-border-radius) var(--pico-border-radius) !important;
}
}
}