mirror of
https://github.com/valitydev/redash.git
synced 2024-11-07 01:25:16 +00:00
Rearrange the error-state box and place it middle
This commit is contained in:
parent
8f52f51e91
commit
69b3ea4715
@ -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
|
||||
|
@ -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 you’re looking for cannot be found.</p>
|
||||
<!--<p>It seems like you don’t 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 you’re looking for cannot be found.</p>
|
||||
<!--<p>It seems like you don’t 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>
|
||||
|
Loading…
Reference in New Issue
Block a user