Commit 9423c2c3b895f85e90c9af008757c4ec0cc7f33d
1 parent
a5afca1a
Exists in
master
and in
6 other branches
Smal improvements at error page
Showing
2 changed files
with
26 additions
and
46 deletions
Show diff stats
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>•</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>•</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 | } |