Browse Source

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
closed-social-glitch-2
Hugo Gameiro 7 years ago
committed by Matt Jankowski
parent
commit
2e47fe3e1a
1 changed files with 5 additions and 8 deletions
  1. +5
    -8
      app/assets/stylesheets/components.scss

+ 5
- 8
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;
}
}

Loading…
Cancel
Save