Download as
Browse Code »

Commit 9423c2c3b895f85e90c9af008757c4ec0cc7f33d

Authored by Leonardo Merlin
1 parent a5afca1a
Exists in master and in 6 other branches feature-captcha, feature-respostas, production, rafael, staging, the_glorious_return_of_piwik

Smal improvements at error page

Showing 2 changed files with 26 additions and 46 deletions   Show diff stats
src/app/pages/erro/erro.html
  Diff comments   View file @9423c2c
1 1 <div class="page--erro">
2 2 <div class="container">
3 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 20 </div>
21 21 </div>
22 22 </div>
... ...
src/app/pages/erro/erro.scss
  Diff comments   View file @9423c2c
1 1 .page--erro {
2 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 }
... ...