diff options
| author | Annabel Dunstone Gray <annabel.dunstone@gmail.com> | 2017-11-06 17:18:25 -0700 |
|---|---|---|
| committer | Annabel Dunstone Gray <annabel.dunstone@gmail.com> | 2017-11-08 12:58:10 -0700 |
| commit | 6377821a7f74ccc6465cdf7ccc85183d61fce481 (patch) | |
| tree | 89253aec579ab5b47ff29bc931583699024c4afa | |
| parent | 0a7a9bbd2fd9aa5685f1aae9ac415c3750c88fd6 (diff) | |
| download | gitlab-ce-6377821a7f74ccc6465cdf7ccc85183d61fce481.tar.gz | |
Add mobile styles
| -rw-r--r-- | app/assets/stylesheets/framework/blank.scss | 19 |
1 files changed, 15 insertions, 4 deletions
diff --git a/app/assets/stylesheets/framework/blank.scss b/app/assets/stylesheets/framework/blank.scss index 9c3df7299b8..28cece67165 100644 --- a/app/assets/stylesheets/framework/blank.scss +++ b/app/assets/stylesheets/framework/blank.scss @@ -36,13 +36,17 @@ } .blank-state { - display: flex; - align-items: center; - padding: 50px 30px; + padding: 20px; margin-bottom: 30px; border: 1px solid $border-color; border-radius: $border-radius-default; + @media (min-width: $screen-sm-min) { + display: flex; + align-items: center; + padding: 50px 30px; + } + .blank-state-icon { svg { display: block; @@ -56,6 +60,13 @@ } .blank-state-body { - padding-left: 20px; + @media (max-width: $screen-xs-max) { + text-align: center; + margin-top: 20px; + } + + @media (min-width: $screen-sm-min) { + padding-left: 20px; + } } } |