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
master
Hugo Gameiro 8 years ago committed by Matt Jankowski
parent e12bb39c20
commit 2e47fe3e1a
  1. 13
      app/assets/stylesheets/components.scss

@ -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