yuuki/taiko-web
1
0
Fork 0
mirror of https://github.com/yuukiwww/taiko-web.git synced 2024-10-22 17:05:49 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix views on small resolutions

Browse Source
This commit is contained in:
LoveEevee 2019-04-17 00:33:50 +03:00
parent 454028a7e6
commit 7b67be87d3
2 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/src/css/main.css
View File

@ -40,10 +40,10 @@
} }
@keyframes bgscroll{ @keyframes bgscroll{
from{ from{
background-position: 0 top; background-position: 50% top;
} }
to{ to{
background-position: calc(-100vh / 720 * 512) top; background-position: calc(50% - 100vh / 720 * 512) top;
} }
} }
#song-select{ #song-select{

14
public/src/css/view.css
View File

@ -6,6 +6,7 @@
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 100%; height: 100%;
background-position: center;
} }
.view{ .view{
background: rgb(246, 234, 212); background: rgb(246, 234, 212);
@ -13,11 +14,22 @@
border: 0.25em black solid; border: 0.25em black solid;
border-radius: 0.5em; border-radius: 0.5em;
width: 800px; width: 800px;
max-width: 40em;
padding: 1em; padding: 1em;
margin: 1em; margin: 1em;
font-size: 21px; font-size: 21px;
position: relative; position: relative;
} }
@media (max-width: 950px){
.view-outer:not(.touch-enabled) .view{
font-size: 3vmin;
}
}
@media (max-height: 650px){
.view-outer:not(.touch-enabled) .view{
font-size: 3vmin;
}
}
.touch-enabled .view{ .touch-enabled .view{
font-size: 3vmin; font-size: 3vmin;
} }
@ -161,6 +173,8 @@ kbd{
padding: 0.3em; padding: 0.3em;
font-size: 1.3em; font-size: 1.3em;
box-sizing: border-box; box-sizing: border-box;
white-space: nowrap;
overflow: hidden;
} }
.view-content:not(:hover) .setting-box.selected .setting-name, .view-content:not(:hover) .setting-box.selected .setting-name,
.view-outer:not(.settings-outer) .setting-box.selected .setting-name, .view-outer:not(.settings-outer) .setting-box.selected .setting-name,