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

1
src/themes/themes.css
View file

@ -1,6 +1,7 @@
body { body {
--outer-padding: 0px; --outer-padding: 0px;
--border-width: 0px; --border-width: 0px;
--separator-width: 2px;
--inner-padding: 8px; --inner-padding: 8px;
--input-box-margin: 0px; --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%; height: 100%;
} }
@media (min-width: 800px) {
.app.play main,
.app.focus main {
max-height: 90%;
margin: auto;
}
}