treehouse
/
mastodon
21
8
Fork 5
Code Issues 32 Pull Requests Projects 1 Releases Wiki Activity

Center web app on larger windows sizes (#2021) 

* center web app for larger screen sizes

* move center app to components.scss

* center app on larger window sizes

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