cccb/sanic
cccb/sanic
11
1
Fork 0
Code Issues 5 Pull requests Packages Projects 1 Releases Activity

static: improve button style of playback controls

Browse source
This commit is contained in:
coon 2023-12-05 02:40:56 +01:00
parent 5c533a8a1a
commit 9f568251cc
1 changed files with 18 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
static/flexbox/sanic.css
View file

@ -1,3 +1,7 @@
:root {
--ribbon-width: 160px;
}
html, body { html, body {
background-color: #09101d; background-color: #09101d;
color: #bbb; color: #bbb;
@ -141,10 +145,21 @@ table tr:hover td {
text-align: left; text-align: left;
} }
#playback-controls { #playback-controls div:first-child {
display: flex; display: flex;
flex-direction: column; flex-direction: row;
width: 160px; justify-content: space-between;
}
#playback-controls div button {
display: flex;
align-items: center;
justify-content: center;
padding: 0;
height: calc(var(--ribbon-width) / 4 - 8px);
width: calc(var(--ribbon-width) / 4 - 8px);
} }
#progress { #progress {