me/glitchier-soc
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Center web app on larger windows sizes (#2021)

Browse source 
* center web app for larger screen sizes

* move center app to components.scss

* center app on larger window sizes

* center .columns-area
This commit is contained in:
Hugo Gameiro 2017-04-30 14:01:09 +01:00 committed by Matt Jankowski
parent a3297609bb
commit ad3a6badb4
1 changed files with 5 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
app/assets/stylesheets/components.scss
View file

@ -1189,6 +1189,7 @@ a.status__content__spoiler-link {
@media screen and (min-width: 1025px) {
.columns-area {
padding: 0;
margin: 0 auto;
}
.column, .drawer {
@ -1214,16 +1215,12 @@ a.status__content__spoiler-link {
}
}
@media screen and (min-width: 2560px) {
.columns-area {
justify-content: center;
}
@media screen and (min-width: 1900px) {
.column, .drawer {
width: 350px;
width: 400px;
border-radius: 4px;
height: 90vh;
margin-top: 5vh;
height: 96vh;
margin-top: 2vh;
}
}