diff options
| author | Hugo Gameiro <hmgameiro@gmail.com> | 2017-04-30 14:01:09 +0100 |
|---|---|---|
| committer | Matt Jankowski <mjankowski@thoughtbot.com> | 2017-04-30 09:01:09 -0400 |
| commit | 2e47fe3e1a8087e1beda15b145aa9ce88fff1229 (patch) | |
| tree | 146d9a65ada7ec1c13b3aa9f9cd67ecaa3ea85f1 | |
| parent | e12bb39c20a3aba82e80aaeedf78202f9493ce73 (diff) | |
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
| -rw-r--r-- | app/assets/stylesheets/components.scss | 13 |
1 files changed, 5 insertions, 8 deletions
diff --git a/app/assets/stylesheets/components.scss b/app/assets/stylesheets/components.scss index 68b2be9ec..a8a81d7b2 100644 --- a/app/assets/stylesheets/components.scss +++ b/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; } } |