Merge pull request #282 from nossas/hotfix/page-not-found-vote

[Fix] Refatorar styles da página de 404 not found
nossas · Sep 2, 2024 · db53924 · db53924
2 parents 8a775d4 + c3836e6
commit db53924
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 5 deletions.
diff --git a/app/org_eleicoes/votepeloclima/static/scss/icons.scss b/app/org_eleicoes/votepeloclima/static/scss/icons.scss
@@ -39,6 +39,15 @@
 	background-image: url('data:image/svg+xml,<svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M27.7112 7.8309C27.8043 7.92379 27.8782 8.03414 27.9286 8.15563C27.9791 8.27712 28.005 8.40736 28.005 8.5389C28.005 8.67043 27.9791 8.80067 27.9286 8.92216C27.8782 9.04365 27.8043 9.15401 27.7112 9.2469L13.7112 23.2469C13.6183 23.34 13.508 23.4139 13.3865 23.4643C13.265 23.5147 13.1348 23.5407 13.0032 23.5407C12.8717 23.5407 12.7414 23.5147 12.6199 23.4643C12.4985 23.4139 12.3881 23.34 12.2952 23.2469L5.29522 16.2469C5.10744 16.0591 5.00195 15.8044 5.00195 15.5389C5.00195 15.2733 5.10744 15.0187 5.29522 14.8309C5.48299 14.6431 5.73766 14.5376 6.00322 14.5376C6.26877 14.5376 6.52344 14.6431 6.71122 14.8309L13.0032 21.1249L26.2952 7.8309C26.3881 7.73777 26.4985 7.66388 26.6199 7.61347C26.7414 7.56306 26.8717 7.53711 27.0032 7.53711C27.1348 7.53711 27.265 7.56306 27.3865 7.61347C27.508 7.66388 27.6183 7.73777 27.7112 7.8309Z" fill="%23FAF0E6"/></svg>');
 }
 
+.ds-icon-warning {
+    width: 48px;
+    height: 49px;
+    background-size: contain;
+    background-repeat: no-repeat;
+    display: inline-block;
+    background-image: url('data:image/svg+xml,<svg width="48" height="49" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_3163_86318)"><path d="M23.8131 6.58741C23.8719 6.55516 23.938 6.53863 24.0051 6.53941C24.0711 6.53914 24.1362 6.55566 24.1941 6.58741C24.2627 6.62854 24.3187 6.68768 24.3561 6.75841L44.9271 41.7594C45.0351 41.9394 45.0321 42.1314 44.9331 42.3084C44.8951 42.381 44.8393 42.4429 44.7711 42.4884C44.7117 42.5248 44.6427 42.5426 44.5731 42.5394H3.43711C3.36747 42.5428 3.29844 42.525 3.23911 42.4884C3.17087 42.4429 3.11516 42.381 3.07711 42.3084C3.02767 42.2251 3.00208 42.1299 3.00314 42.0331C3.00419 41.9362 3.03186 41.8416 3.08311 41.7594L23.6511 6.75841C23.6886 6.68777 23.7446 6.62866 23.8131 6.58741ZM26.9451 5.23741C26.6481 4.7201 26.2199 4.2903 25.7037 3.99142C25.1875 3.69254 24.6016 3.53516 24.0051 3.53516C23.4086 3.53516 22.8227 3.69254 22.3065 3.99142C21.7903 4.2903 21.3621 4.7201 21.0651 5.23741L0.494105 40.2384C-0.876895 42.5724 0.767105 45.5394 3.43411 45.5394H44.5731C47.2401 45.5394 48.8871 42.5694 47.5131 40.2384L26.9451 5.23741Z" fill="%231F8523"/><path d="M21.0051 36.5394C21.0051 36.1454 21.0827 35.7553 21.2335 35.3914C21.3842 35.0274 21.6052 34.6967 21.8838 34.4181C22.1624 34.1395 22.4931 33.9185 22.8571 33.7678C23.221 33.617 23.6111 33.5394 24.0051 33.5394C24.3991 33.5394 24.7892 33.617 25.1532 33.7678C25.5171 33.9185 25.8478 34.1395 26.1264 34.4181C26.405 34.6967 26.626 35.0274 26.7767 35.3914C26.9275 35.7553 27.0051 36.1454 27.0051 36.5394C27.0051 37.3351 26.689 38.0981 26.1264 38.6607C25.5638 39.2233 24.8008 39.5394 24.0051 39.5394C23.2095 39.5394 22.4464 39.2233 21.8838 38.6607C21.3212 38.0981 21.0051 37.3351 21.0051 36.5394ZM21.2991 18.5244C21.2592 18.1459 21.2992 17.7633 21.4167 17.4013C21.5342 17.0393 21.7265 16.706 21.9811 16.4232C22.2357 16.1403 22.5469 15.9141 22.8945 15.7593C23.2422 15.6044 23.6185 15.5244 23.9991 15.5244C24.3797 15.5244 24.756 15.6044 25.1037 15.7593C25.4513 15.9141 25.7626 16.1403 26.0171 16.4232C26.2717 16.706 26.464 17.0393 26.5815 17.4013C26.699 17.7633 26.7391 18.1459 26.6991 18.5244L25.6491 29.0454C25.6138 29.4587 25.4247 29.8437 25.1192 30.1243C24.8136 30.4049 24.4139 30.5606 23.9991 30.5606C23.5843 30.5606 23.1846 30.4049 22.879 30.1243C22.5735 29.8437 22.3844 29.4587 22.3491 29.0454L21.2991 18.5244Z" fill="%231F8523"/></g><defs><clipPath id="clip0_3163_86318"><rect width="48" height="48" fill="white" transform="translate(0 0.537109)"/></clipPath></defs></svg>')
+}
+
 // Redes Sociais da Candidatura
 .ds-icon-facebook-cinza {
     width: 16px;

diff --git a/app/org_eleicoes/votepeloclima/templates/errors/404.html b/app/org_eleicoes/votepeloclima/templates/errors/404.html
@@ -2,16 +2,17 @@
 {% load static %}
 
 {% block content %}
-<section class="grid" style="height: 100vh;">
+<section class="container grid">
     <div class="bg-screenside d-none d-lg-flex g-col-4">
         <div class="screenside" style="background-image:url({% static 'imgs/bg-steps.svg' %});">
         </div>
     </div>
-    <div class="container d-flex align-items-center g-col-12 g-col-lg-8">
-        <div class="w-50">
+    <div class="d-flex align-items-center g-col-12 g-col-lg-8" style="padding: 115px 0;">
+        <div class="d-flex flex-column align-items-md-start gap-3">
             {% block main %}
-            <h1 class="text-uppercase">Página não <br/> encontrada</h1>
-            <p class="pb-3">Não conseguimos encontrar essa página. Confira se o link está certo ou volte para o início:</p>
+            <i class="ds-icon-warning"></i>
+            <h3 class="text-uppercase fw-bold m-0">Página não <br/> encontrada</h3>
+            <p class="pb-1">Não conseguimos encontrar esta página. Confira se o link está correto. Se o erro persistir, entre em contato com a gente em  <a href="mailto:[email protected]" target="_blank" rel="noopener noreferrer">[email protected]</a></p>
             <button class="btn btn-secondary text-uppercase" type="button" onclick="window.location.href='/'">Voltar ao início</button>
             {% endblock %}
         </div>