Commit 0ae8dc9d authored by Filipa Lacerda's avatar Filipa Lacerda

Fix blank states using old css

parent f562e69e
...@@ -227,8 +227,9 @@ export default { ...@@ -227,8 +227,9 @@ export default {
/> />
<div <div
class="blank-state blank-state-no-icon" class="blank-state-row"
v-if="!isLoading && state.environments.length === 0"> v-if="!isLoading && state.environments.length === 0">
<div class="blank-state-center">
<h2 class="blank-state-title js-blank-state-title"> <h2 class="blank-state-title js-blank-state-title">
You don't have any environments right now. You don't have any environments right now.
</h2> </h2>
...@@ -247,6 +248,7 @@ export default { ...@@ -247,6 +248,7 @@ export default {
New environment New environment
</a> </a>
</div> </div>
</div>
<div <div
class="table-holder" class="table-holder"
......
...@@ -267,10 +267,12 @@ ...@@ -267,10 +267,12 @@
/> />
<div <div
class="blank-state blank-state-no-icon" class="blank-state-row"
v-if="shouldRenderNoPipelinesMessage"> v-if="shouldRenderNoPipelinesMessage">
<div class="blank-state-center">
<h2 class="blank-state-title js-blank-state-title">No pipelines to show.</h2> <h2 class="blank-state-title js-blank-state-title">No pipelines to show.</h2>
</div> </div>
</div>
<div <div
class="table-holder" class="table-holder"
......
...@@ -56,6 +56,12 @@ ...@@ -56,6 +56,12 @@
} }
} }
.blank-state-center {
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
}
.blank-state { .blank-state {
padding: 20px; padding: 20px;
border: 1px solid $border-color; border: 1px solid $border-color;
...@@ -66,7 +72,10 @@ ...@@ -66,7 +72,10 @@
align-items: center; align-items: center;
padding: 50px 30px; padding: 50px 30px;
} }
}
.blank-state,
.blank-state-center {
.blank-state-icon { .blank-state-icon {
svg { svg {
display: block; display: block;
......
...@@ -19,7 +19,8 @@ ...@@ -19,7 +19,8 @@
.environments-container .environments-container
- if @deployments.blank? - if @deployments.blank?
.blank-state.blank-state-no-icon .blank-state-row
.blank-state-center
%h2.blank-state-title %h2.blank-state-title
You don't have any deployments right now. You don't have any deployments right now.
%p.blank-state-text %p.blank-state-text
......
---
title: Fix blank states using old css
merge_request:
author:
type: fixed
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment