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 | } |