diff options
Diffstat (limited to 'app/assets')
-rw-r--r-- | app/assets/stylesheets/framework/blank.scss | 47 |
1 files changed, 29 insertions, 18 deletions
diff --git a/app/assets/stylesheets/framework/blank.scss b/app/assets/stylesheets/framework/blank.scss index 6bb096fc5bd..9c3df7299b8 100644 --- a/app/assets/stylesheets/framework/blank.scss +++ b/app/assets/stylesheets/framework/blank.scss @@ -7,29 +7,43 @@ width: 100%; height: 100%; padding-bottom: 25px; - border: 1px solid $border-color; border-radius: $border-radius-default; } } -.blank-state { - padding-top: 20px; - padding-bottom: 20px; +.blank-state-welcome { text-align: center; + padding: 20px 0 40px; - &.blank-state-welcome { - .blank-state-welcome-title { - font-size: 24px; - } + .blank-state-welcome-title { + font-size: 24px; + } - .blank-state-text { - margin-bottom: 0; - } + .blank-state-text { + margin-bottom: 0; } +} - .blank-state-icon { - padding-bottom: 20px; +.blank-state-link { + display: block; + color: $gl-text-color; + &:hover { + background-color: $gray-light; + text-decoration: none; + color: $gl-text-color; + } +} + +.blank-state { + display: flex; + align-items: center; + padding: 50px 30px; + margin-bottom: 30px; + border: 1px solid $border-color; + border-radius: $border-radius-default; + + .blank-state-icon { svg { display: block; margin: auto; @@ -38,13 +52,10 @@ .blank-state-title { margin-top: 0; - margin-bottom: 10px; font-size: 18px; } - .blank-state-text { - max-width: $container-text-max-width; - margin: 0 auto $gl-padding; - font-size: 14px; + .blank-state-body { + padding-left: 20px; } } |