Rearrange the error-state box and place it middle

This commit is contained in:
Zsolt Kocsmarszky 2018-01-31 22:57:02 +01:00 committed by Arik Fraimovich
parent 8f52f51e91
commit 69b3ea4715
2 changed files with 19 additions and 12 deletions

View File

@ -629,19 +629,24 @@ page-header, .page-header--new {
// Error state
.error-state {
display: flex;
flex-direction: row;
flex-direction: column;
justify-content: flex-start;
text-align: center;
margin-top: 25vh;
padding: 35px;
font-size: 14px;
line-height: 21px;
.error-state__icon {
margin-right: 25px;
.zmdi {
font-size: 64px;
color: @redash-gray;
}
}
@media (max-width: 767px) {
margin-top: 10vh;
}
}
// Forms

View File

@ -1,17 +1,19 @@
<app-header ng-if="$ctrl.layout.showHeader"></app-header>
<div ng-if="$ctrl.handler.error" class="fixed-container">
<div class="container">
<div class="error-state bg-white tiled">
<div class="error-state__icon">
<i class="zmdi zmdi-alert-circle-o"></i>
<div class="col-md-8 col-md-push-2">
<div class="error-state bg-white tiled">
<div class="error-state__icon">
<i class="zmdi zmdi-alert-circle-o"></i>
</div>
<div class="error-state__details">
<h4>{{ $ctrl.handler.error.message }}</h4>
<p>It seems like the page youre looking for cannot be found.</p>
<!--<p>It seems like you dont have permission to see this page.</p>-->
<!--<p>It seems like we encountered an error. Try refresh this page or contact your administrator.</p>-->
</div>
</div>
<div class="error-state__details">
<h4>{{ $ctrl.handler.error.message }}</h4>
<p>It seems like the page youre looking for cannot be found.</p>
<!--<p>It seems like you dont have permission to see this page.</p>-->
<!--<p>It seems like we encountered an error. Try refresh this page or contact your administrator.</p>-->
</div>
</div>
</div>
</div>
</div>
<div ng-if="!$ctrl.handler.error" ng-view></div>