Arav/dwelling-radio
1
0
Fork 0
Code Releases 25 Activity

Made volume slider vertical.

Browse Source
This commit is contained in:
Alexander Andreev 2023-08-21 18:33:00 +04:00
parent 4b68b93e7b
commit b40942b5fb
Signed by: Arav
GPG Key ID: D22A817D95815393
2 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
web/assets/css/main.css
View File

@ -135,6 +135,8 @@ section { margin-top: 1rem; }
flex-direction: row; flex-direction: row;
align-items: center; } align-items: center; }
#radio p { text-indent: 1rem; }
#play { #play {
-webkit-mask-image: url(/assets/img/play.svg); -webkit-mask-image: url(/assets/img/play.svg);
background-color: var(--primary-color); background-color: var(--primary-color);
@ -145,15 +147,21 @@ section { margin-top: 1rem; }
#volume { #volume {
accent-color: var(--primary-color); accent-color: var(--primary-color);
width: 5rem; } height: 5rem;
margin-left: .5rem; }
#play:hover { text-decoration: none; } #play:hover { text-decoration: none; }
#radio div.player { div.player {
display: none; display: none;
flex-direction: column; flex-direction: row;
align-items: center; } align-items: center; }
div.player div {
display: flex;
flex-direction: column;
}
footer { footer {
font-size: .8rem; font-size: .8rem;
text-align: center; text-align: center;

3
web/templates/index.pug
View File

@ -38,6 +38,9 @@ html(lang='en')
| OGG 128 Kb/s | OGG 128 Kb/s
div#radio div#radio
div.player div.player
div
button#play
small#cur-time 0h 0m 0s
div #[input#volume(type="range", name="volume" min="0" max="100" orient="vertical")] div #[input#volume(type="range", name="volume" min="0" max="100" orient="vertical")]
audio(preload='none' controls='' playsinline='') audio(preload='none' controls='' playsinline='')
source(src='/live/stream.ogg' type='audio/ogg') source(src='/live/stream.ogg' type='audio/ogg')