Commit 9423c2c3b895f85e90c9af008757c4ec0cc7f33d

Authored by Leonardo Merlin
1 parent a5afca1a

Smal improvements at error page

src/app/pages/erro/erro.html
1 <div class="page--erro"> 1 <div class="page--erro">
2 <div class="container"> 2 <div class="container">
3 <div class="row"> 3 <div class="row">
4 - <div class="row-height">  
5 - <div class="col-sm-4 col-sm-height col-middle">  
6 - <div class="inside inside-full-height">  
7 - <div class="content">  
8 - <span class="icon-circle icon-wrapper-rounded">  
9 - <span class="glyphicon glyphicon-remove" aria-hidden></span>  
10 - </span>  
11 - <h1>Erro</h1>  
12 - <p>  
13 - <span style="font-weight:bold;">Mas você ainda pode:</span>  
14 - <br>  
15 - <!-- <button type="button" class="btn btn-link" ng-click="goBack()">retornar à página anterior</button> -->  
16 - <!-- <span>&#8226;</span> -->  
17 - <button type="button" class="btn btn-link" ui-sref="inicio">retornar à página inicial</button>  
18 - </p>  
19 - </div> 4 + <div class="col-sm-8 col-sm-offset-2">
  5 + <show-message
  6 + type="'error'"
  7 + message="'Erro!'"
  8 + description="'Página não encontrada.'"
  9 + ></show-message>
  10 + <div class="row">
  11 + <div class="col-sm-4"></div>
  12 + <div class="col-sm-6">
  13 + <p>
  14 + <span style="font-weight:bold;">Mas você ainda pode:</span>
  15 + <br>
  16 + <!-- <button type="button" class="btn btn-link" ng-click="goBack()">retornar à página anterior</button> -->
  17 + <!-- <span>&#8226;</span> -->
  18 + <button type="button" class="btn btn-link" ui-sref="inicio">retornar à página inicial</button>
  19 + </p>
20 </div> 20 </div>
21 </div> 21 </div>
22 </div> 22 </div>
src/app/pages/erro/erro.scss
1 .page--erro { 1 .page--erro {
2 background-color: #f9f9f9; 2 background-color: #f9f9f9;
  3 + padding: 20px 0;
3 4
4 - h1 {  
5 - color: #464646;  
6 - font-size: 72px;  
7 - font-weight: bold;  
8 - margin-bottom: 40px;  
9 - }  
10 -  
11 - .row-height {  
12 - min-height: 400px;  
13 - }  
14 -  
15 - .content {  
16 - text-align: center;  
17 - }  
18 -  
19 - .icon-circle {  
20 - display: inline-block;  
21 - font-size: 40px;  
22 - line-height: 33px;  
23 - font-weight: normal;  
24 -  
25 - position: relative;  
26 - top: -5px;  
27 - padding: 20px;  
28 - margin-top: 5px;  
29 - margin-right: 30px; 5 + .show-message {
  6 + h3 {
  7 + font-weight: bold;
  8 + }
30 9
31 - color: #fff;  
32 - background: #c93e55; 10 + .glyphicon {
  11 + font-size: 40px;
  12 + }
33 } 13 }
34 14
35 - h1 {  
36 - display: inline-block; 15 + .btn-link {
  16 + padding: 0;
37 } 17 }
38 } 18 }