diff options
| author | dakkar <dakkar@thenautilus.net> | 2021-12-30 16:28:41 +0000 |
|---|---|---|
| committer | dakkar <dakkar@thenautilus.net> | 2021-12-30 16:28:41 +0000 |
| commit | 594f04dd19cad74ffcb5ce647925ff2bdf85600a (patch) | |
| tree | 6e58e209e29238f5608c63e6e3778ceb04c3030c | |
| parent | breadcrumbs (diff) | |
| download | media-control-594f04dd19cad74ffcb5ce647925ff2bdf85600a.tar.gz media-control-594f04dd19cad74ffcb5ce647925ff2bdf85600a.tar.bz2 media-control-594f04dd19cad74ffcb5ce647925ff2bdf85600a.zip | |
some styling
| -rw-r--r-- | resources/index.html | 31 |
1 files changed, 31 insertions, 0 deletions
diff --git a/resources/index.html b/resources/index.html index 6478301..1eecfe0 100644 --- a/resources/index.html +++ b/resources/index.html @@ -155,6 +155,37 @@ .bd-red { background-color: red } .bd-yellow { background-color: yellow } .bd-blue { background-color: blue; color: white } + + input[type=range] { + width: 100%; + transform: scaleY(5); + } + + #files { + width: 100%; + overflow-x: scroll; + } + + #files ul { + width: min-content; + margin-top: 0; + font-size: 50%; + list-style-type: none; + } + + #path-list { + display: flex; + } + #path-list li::before { + content: '/'; + } + #path-list li:first-child::before { + content: ''; + } + + li.dir::marker { content: '📁' } + li.dir::after { content: '/' } + li.file::marker { content: '🎞️' } </style> </head> <body> |