Refactor music management UI: separate group musics into its own template, enhance form structure, and improve responsiveness
Fix #5
This commit is contained in:
parent
b30ee77132
commit
c7b907f115
5 changed files with 113 additions and 76 deletions
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue