he4et/elseifplayer
1
0
Fork 0
mirror of https://github.com/He4eT/elseifplayer.git synced 2026-05-04 17:07:22 +00:00
Code Issues Projects Releases Packages Wiki Activity

PlayerView: show separators on small screen

Browse source
This commit is contained in:
He4eT 2023-05-24 02:02:24 +03:00 • committed by Alexey
commit 8b6a805c36
3 changed files with 13 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/components/Player/player.css
View file

@ -18,6 +18,7 @@
background-color: var(--bg-color);
border: var(--border-width) solid var(--main-color);
border-top: var(--separator-width) solid var(--main-color);
padding: var(--inner-padding);
margin: 0;
margin-top: var(--input-box-margin);
@ -73,7 +74,7 @@
.ifplayer .output .gridBuffer {
flex-shrink: 0;
max-height: 100%;
border-bottom: var(--border-width) solid var(--main-color);
border-bottom: var(--separator-width) solid var(--main-color);
}
.ifplayer .output .textBuffer {

1
src/themes/themes.css
View file

@ -1,6 +1,7 @@
body {
--outer-padding: 0px;
--border-width: 0px;
--separator-width: 2px;
--inner-padding: 8px;
--input-box-margin: 0px;
}

11
src/views/PlayerView/PlayerView.css
View file

@ -1,3 +1,12 @@
.app.play, .app.focus {
.app.play,
.app.focus {
height: 100%;
}
@media (min-width: 800px) {
.app.play main,
.app.focus main {
max-height: 90%;
margin: auto;
}
}