yuuki/taiko-web
1
0
Fork 0
mirror of https://github.com/yuukiwww/taiko-web.git synced 2024-09-30 21:29:31 +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{
from{
background-position: 0 top;
background-position: 50% top;
}
to{
background-position: calc(-100vh / 720 * 512) top;
background-position: calc(50% - 100vh / 720 * 512) top;
}
}
#song-select{

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

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