Download as
Browse Code »

Commit 82888f31f6e788a75d552fdda069dacc779f6b55

Authored by Eder Soares
Committed by GitHub
2 parents df98bcf7 eb926006
Exists in 2.9 and in 7 other branches 2.2, 2.3, 2.4, 2.5, 2.6, 2.7, 2.8

Merge pull request #6576 from portabilis/issue-6475 

Customiza páginas de erro
Showing 5 changed files with 207 additions and 103 deletions   Show diff stats
config/legacy.php
  Diff comments   View file @82888f3
@@ -97,7 +97,7 @@ return [ @@ -97,7 +97,7 @@ return [
97 'layout' => 'login.tpl', 97 'layout' => 'login.tpl',
98 ], 98 ],
99 'gtm' => [ 99 'gtm' => [
100 - 'id' => '' 100 + 'id' => env('GOOGLE_TAG_MANAGER'),
101 ], 101 ],
102 'rdstation' => [ 102 'rdstation' => [
103 'token' => '', 103 'token' => '',
public/svg/bg.svg 0 → 100644
  Diff comments   View file @82888f3
@@ -0,0 +1 @@ @@ -0,0 +1 @@
  1 +<svg xmlns="http://www.w3.org/2000/svg" width="1440" height="1024" fill="none"><path d="M0 0h1440s-46.22 430.85-462.686 744.44S0 1022.82 0 1022.82V0z" fill="#ecf4ff"/></svg>
resources/views/errors/404.blade.php
  Diff comments   View file @82888f3
1 -<!DOCTYPE html>  
2 -<html lang="en">  
3 -<head>  
4 - <meta charset="utf-8">  
5 - <meta http-equiv="X-UA-Compatible" content="IE=edge">  
6 - <meta name="viewport" content="width=device-width, initial-scale=1"> 1 +@extends('layout.errors')
7 2
8 - <title>Página não encontrada</title> 3 +@section('title')
  4 + Página não encontrada
  5 +@endsection
9 6
10 - <!-- Fonts -->  
11 - <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet" type="text/css">  
12 -  
13 - <!-- Styles -->  
14 - <style>  
15 - html, body {  
16 - background-color: #fff;  
17 - color: #636b6f;  
18 - font-family: 'Nunito', sans-serif;  
19 - font-weight: 100;  
20 - height: 100vh;  
21 - margin: 0;  
22 - }  
23 -  
24 - .full-height {  
25 - height: 100vh;  
26 - }  
27 -  
28 - .flex-center {  
29 - align-items: center;  
30 - display: flex;  
31 - justify-content: center;  
32 - }  
33 -  
34 - .position-ref {  
35 - position: relative;  
36 - }  
37 -  
38 - .content {  
39 - text-align: center;  
40 - }  
41 -  
42 - .title {  
43 - font-size: 36px;  
44 - padding: 20px;  
45 - }  
46 - </style>  
47 -</head>  
48 -<body>  
49 -<div class="flex-center position-ref full-height"> 7 +@section('content')
  8 + <div class="container">
50 <div class="content"> 9 <div class="content">
51 - <div class="title">Desculpe, mas a página que você acessou não foi encontrada.</div> 10 + <p class="image">
  11 + <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 531 301" fill="none">
  12 + <g fill-rule="evenodd">
  13 + <g fill="#fff">
  14 + <path d="M104.583 88.54L90 85.564l14.583-2.976 2.98-14.562 2.98 14.562 14.583 2.976-14.583 2.976-2.98 14.562z" />
  15 + <use xlink:href="#C" />
  16 + <path d="M191.004 191.9l-5.347-1.1 5.347-1.092 1.093-5.34 1.093 5.34 5.347 1.092-5.347 1.1-1.093 5.34z" />
  17 + <use y="160.478" x="51.334" xlink:href="#C" />
  18 + <path d="M472.347 215.903L467 214.8l5.347-1.1 1.093-5.34 1.093 5.34 5.347 1.1-5.347 1.092-1.093 5.34-1.093-5.34zm17.388-17.373l-5.348-1.1 5.348-1.1 1.093-5.34 1.093 5.34 5.347 1.1-5.347 1.1-1.093 5.34z" />
  19 + <use y="174.875" x="324.302" xlink:href="#C" />
  20 + <path
  21 + d="M517.47 59.782l-3.197 4.423 1.208-5.322-4.415-3.196 5.315 1.204 3.198-4.423-1.2 5.322 4.415 3.195-5.315-1.204zm-8.666-23l-3.197 4.423 1.208-5.322-4.415-3.196 5.316 1.204 3.197-4.423-1.208 5.322 4.415 3.196zm16.02 5.53l-3.197 4.423 1.208-5.322-4.415-3.196 5.316 1.204 3.197-4.42-1.208 5.322 4.415 3.195-5.316-1.204zm-206.95 234.513l9.586 11.386-4.358-14.232 11.366-9.58-14.215 4.343-9.586-11.386 4.357 14.232-11.365 9.58zm34.345-31.683l3.515 4.175-1.598-5.22 4.167-3.512-5.212 1.592-3.515-4.175 1.598 5.22-4.167 3.512zm-144.44 51.275l3.515 4.175-1.598-5.218 4.168-3.512-5.213 1.592-3.514-4.175 1.597 5.22-4.167 3.512 5.212-1.593zm-98.56-34.28l3.514 4.175-1.597-5.218 4.167-3.513-5.212 1.593-3.515-4.175 1.598 5.218-4.168 3.513zM13.844 119.715l3.515 4.174-1.598-5.218 4.167-3.512-5.212 1.592-3.515-4.175 1.598 5.22-4.167 3.512 5.212-1.592zM20.8 96.138l3.515 4.175-1.598-5.218 4.167-3.512-5.212 1.593L18.147 89l1.598 5.218-4.167 3.512 5.212-1.593zm-15.57 6.697L8.735 107l-1.598-5.218 4.167-3.513-5.212 1.593-3.515-4.175 1.598 5.218-4.167 3.512 5.212-1.592zm267.365-35.632l2.068-3.395c3.618.434 7.67 2 11.68 4.86 8.66 6.363 14.898 19.44 21.3 21.613 7.7 1.2 12.717 25.34 15.855 30.675s-.108 12.86-1 16.492c-.767 3.163-3.015 19.15-4.486 22.06-2.205 4.363-1.188 3.947-3.1 3.572-.704-.138-1.56 3.967-1.112-3.9s1.567-6.968 2.22-15.595 3.473-4.43 2.223-15.43-11.316-26.194-17.208-26.46c-6.925.38-7.166-12.877-23.028-17.753-4.626-1.876-8.16-4.463-10.492-7.3l1.8-3.542-.22-.154 1.744-2.864 1.512-2.993.243.112z" />
  22 + </g>
  23 + <path d="M257.796 72.334l14.3 6.628s5.153 10.63 3.103 12.608-14.062-9.017-16.424-11.742-.978-7.494-.978-7.494zm13.56-24.5l13.295 8.974s11.627-1.548 12.227-4.34-15.077-7.198-18.64-7.767-6.883 3.134-6.883 3.134z" fill="#2696ff" />
  24 + </g>
  25 + <rect x="68.09" y="280.379" width="15.958" height="2.812" rx="1.406" transform="rotate(299.076)" fill="#2696ff" />
  26 + <g transform="translate(12)" fill-rule="evenodd">
  27 + <path d="M274.245 65.372s2.818-8.684-9.32-15.434-33.476-11.1-37.358-4.117 10.773 23.346 22.912 30.096c12.2 6.777 18.42-.93 18.42-.93z" fill="#ffc95c" />
  28 + <path d="M268.64 69.095c-4.38 2.943-8.2 2.497-11.466-1.337-7-8.22-18.437-7.998-20.534-13.03s-7.073-12.5-9.074-8.9c-1.4 2.5-.407 6.204 1.985 10.236 4.3 7.227 13.103 15.513 20.884 19.84 12.172 6.768 18.403-.943 18.403-.943l2.588-4.5c1.022-1.82-.906-2.608-2.786-1.345z" fill="url(#A)" />
  29 + <path d="M248.44 57.78a7.04 7.04 0 0 0-2.722-9.57c-3.392-1.888-7.675-.66-9.565 2.737a7.04 7.04 0 0 0 2.722 9.57c3.392 1.888 7.675.66 9.565-2.737z" fill="#dd9b31" />
  30 + <path d="M247.97 57.338c1.68-3.02.596-6.83-2.42-8.506s-6.822-.588-8.502 2.433-.596 6.83 2.42 8.506 6.822.588 8.502-2.433z" fill="#fff" />
  31 + <path d="M275.476 71.628c-1.813-1.716-5.58-4.247-10.193-6.812-4.52-2.514-8.735-4.397-11.17-5.067-1.234-.34-1.897.948-.996 1.8 1.834 1.717 5.623 4.292 10.2 6.83s8.747 4.395 11.174 5.05c1.194.322 1.86-.975.996-1.792z" fill="#2696ff" />
  32 + <path d="M258.764 61.558l-4.645-1.803c-1.243-.348-1.9.93-.987 1.776.903.837 2.27 1.88 3.966 3.024 1.798 1.213 3.7-2.092 1.666-2.996z" fill="url(#B)" />
  33 + <path d="M250 240.874c37.555 0 68-30.417 68-67.937S287.555 105 250 105s-68 30.416-68 67.937 30.445 67.937 68 67.937z" fill="#2696ff" />
  34 + <g fill="#000">
  35 + <path d="M219.013 221.954c13.47 0 24.388-11.422 24.388-25.512s-10.92-25.512-24.388-25.512-24.388 11.422-24.388 25.512 10.918 25.512 24.388 25.512z" opacity=".16" />
  36 + <path d="M250 233.42c5.23 0 9.468-3.98 9.468-8.887s-4.24-8.886-9.468-8.886-9.47 3.98-9.47 8.886 4.24 8.887 9.47 8.887zm-50.498-66.503c2.694 0 4.878-2.3 4.878-5.16s-2.184-5.16-4.878-5.16-4.877 2.3-4.877 5.16 2.183 5.16 4.877 5.16zm97.266-6.88c4.754 0 8.608-3.85 8.608-8.6s-3.854-8.6-8.608-8.6-8.608 3.85-8.608 8.6 3.854 8.6 8.608 8.6zm-16.64-16.627c3.17 0 5.738-2.566 5.738-5.733s-2.57-5.733-5.738-5.733a5.74 5.74 0 0 0-5.74 5.733 5.74 5.74 0 0 0 5.74 5.733z" opacity=".166" />
  37 + </g>
  38 + <path d="M215.995 123.243c-.82 1.247.365 2.36 1.776 1.872 4.715-1.63 14.193-4.662 23.563-6.247 9.485-1.604 20.03-1.922 25.218-1.974 1.5-.015 2.253-1.464 1.086-2.4-3.234-2.565-10.806-5.903-27.2-2.98-16.207 2.9-22.23 8.332-24.453 11.72z" opacity=".066" fill="#fff" />
  39 + </g>
  40 + <path d="M439.24 219.2h-20.2V247h-25.2v-27.8h-62V200l66.6-95.4h20.6V199h20.2zm-45.4-20.2v-54.2l-37.6 54.2zm-204.6 2v20.2h-20.2V249h-25.2v-27.8h-62V202l66.6-95.4h20.6V201zm-83 0h37.6v-54.2z" fill="#003473" />
  41 + <defs>
  42 + <linearGradient id="A" x1="220.194" y1="59.078" x2="264.154" y2="83.521" gradientUnits="userSpaceOnUse">
  43 + <stop stop-color="#ffc95c" stop-opacity=".01" />
  44 + <stop offset="1" stop-color="#f7b228" />
  45 + </linearGradient>
  46 + <linearGradient id="B" x1="251.973" y1="61.712" x2="258.526" y2="65.355" gradientUnits="userSpaceOnUse">
  47 + <stop stop-color="#0077e6" />
  48 + <stop offset="1" stop-color="#0072ff" stop-opacity=".01" />
  49 + </linearGradient>
  50 + <path id="C" d="M166.993 40.532l-5.347-1.1 5.347-1.1 1.093-5.34 1.093 5.34 5.347 1.1-5.347 1.1-1.093 5.34-1.093-5.34z" />
  51 + </defs>
  52 + </svg>
  53 + </p>
  54 + <p class="title">Oops! Você tentou acessar uma página que não existe :(</p>
  55 + <p class="text">Verifique o link da página ou utilize o botão abaixo para voltar a página anterior.</p>
  56 + <p><a href="#" onclick="window.history.go(-1);return false;" class="btn">Voltar para a página anterior</a>
  57 + </p>
52 </div> 58 </div>
53 -</div>  
54 -</body>  
55 -</html> 59 + </div>
  60 +@endsection
  61 +
  62 +
resources/views/errors/500.blade.php
  Diff comments   View file @82888f3
1 -<!DOCTYPE html>  
2 -<html lang="en">  
3 -<head>  
4 - <meta charset="utf-8">  
5 - <meta http-equiv="X-UA-Compatible" content="IE=edge">  
6 - <meta name="viewport" content="width=device-width, initial-scale=1"> 1 +@extends('layout.errors')
7 2
8 - <title>Erro interno do servidor</title> 3 +@section('title')
  4 + Erro interno
  5 +@endsection
9 6
10 - <!-- Fonts -->  
11 - <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet" type="text/css">  
12 -  
13 - <!-- Styles -->  
14 - <style>  
15 - html, body {  
16 - background-color: #fff;  
17 - color: #636b6f;  
18 - font-family: 'Nunito', sans-serif;  
19 - font-weight: 100;  
20 - height: 100vh;  
21 - margin: 0;  
22 - }  
23 -  
24 - .full-height {  
25 - height: 100vh;  
26 - }  
27 -  
28 - .flex-center {  
29 - align-items: center;  
30 - display: flex;  
31 - justify-content: center;  
32 - }  
33 -  
34 - .position-ref {  
35 - position: relative;  
36 - }  
37 -  
38 - .content {  
39 - text-align: center;  
40 - }  
41 -  
42 - .title {  
43 - font-size: 36px;  
44 - padding: 20px;  
45 - }  
46 - </style>  
47 -</head>  
48 -<body>  
49 -<div class="flex-center position-ref full-height"> 7 +@section('content')
  8 + <div class="container">
50 <div class="content"> 9 <div class="content">
51 - <div class="title">Desculpe, mas ocorreu um erro inesperado.</div> 10 + <p class="image">
  11 + <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 517 268" fill="none">
  12 + <g fill-rule="evenodd" fill="#fff">
  13 + <path d="M511.412 39.314l-3.197 4.423 1.2-5.322L505 35.22l5.315 1.204L513.52 32l-1.208 5.322 4.415 3.195-5.316-1.204zM104.583 55.54L90 52.564l14.583-2.976 2.98-14.562 2.98 14.562 14.583 2.976-14.583 2.976-2.98 14.562-2.98-14.562z" />
  14 + <use xlink:href="#B" />
  15 + <path d="M191.004 158.9l-5.347-1.09 5.347-1.092 1.093-5.34 1.093 5.34 5.347 1.092-5.347 1.09-1.093 5.34-1.093-5.34z" />
  16 + <use xlink:href="#B" x="51.334" y="160.48" />
  17 + <path d="M472.348 182.903L467 181.8l5.348-1.1 1.092-5.34 1.093 5.34 5.348 1.1-5.348 1.092-1.093 5.34-1.092-5.34zm17.387-17.373l-5.348-1.1 5.348-1.1 1.093-5.34 1.093 5.34 5.347 1.1-5.347 1.1-1.093 5.34-1.093-5.34z" />
  18 + <use xlink:href="#B" x="324.302" y="174.877" />
  19 + <path d="M505.412 54.314l-3.197 4.423 1.2-5.322L499 50.22l5.315 1.204L507.52 47l-1.208 5.322 4.415 3.195-5.316-1.204zm-14-18l-3.197 4.423 1.2-5.322L485 32.22l5.315 1.204L493.52 29l-1.208 5.322 4.415 3.195-5.316-1.204zM317.875 243.826l9.585 11.386-4.357-14.232 11.366-9.58-14.216 4.343-9.585-11.386 4.357 14.232-11.365 9.58 14.215-4.343zm34.345-31.683l3.515 4.175-1.598-5.22 4.167-3.512-5.212 1.592-3.515-4.175 1.598 5.22-4.167 3.512 5.212-1.592zm-144.44 51.275l3.515 4.175-1.598-5.218 4.168-3.512-5.213 1.592-3.514-4.175 1.597 5.22-4.167 3.512 5.212-1.593zm-98.56-34.28l3.515 4.175-1.598-5.218 4.167-3.513-5.212 1.593-3.515-4.175 1.598 5.218-4.167 3.513 5.212-1.593zM13.844 86.715L17.36 90.9l-1.6-5.23 4.167-3.512-5.212 1.593-3.515-4.175 1.598 5.218-4.167 3.512 5.212-1.593zM20.8 63.138l3.515 4.175-1.598-5.218 4.167-3.512-5.212 1.592L18.147 56l1.598 5.218-4.167 3.512 5.212-1.593zM5.22 69.835L8.736 74l-1.598-5.218 4.167-3.513-5.212 1.593-3.515-4.175 1.598 5.218L.01 71.427l5.212-1.592z" />
  20 + </g>
  21 + <path d="M129.64 125c8.933 0 16.8 1.933 23.6 5.8 6.8 3.733 12.067 9.067 15.8 16 3.733 6.8 5.6 14.667 5.6 23.6 0 9.333-2.133 17.6-6.4 24.8-4.267 7.067-10.4 12.6-18.4 16.6-8 3.867-17.267 5.8-27.8 5.8-8.933 0-17.733-1.467-26.4-4.4-8.667-3.067-15.8-7.133-21.4-12.2l8.6-18.8c12.933 9.867 26.133 14.8 39.6 14.8 8.933 0 15.733-2.2 20.4-6.6 4.8-4.533 7.2-10.933 7.2-19.2 0-7.867-2.467-14.133-7.4-18.8-4.8-4.8-11.267-7.2-19.4-7.2-5.6 0-10.867 1.067-15.8 3.2-4.933 2-9.267 5-13 9h-15.6V73.6h89.2v20h-64v38.8c7.2-4.933 15.733-7.4 25.6-7.4z" fill="#003473" />
  22 + <g fill-rule="evenodd">
  23 + <path d="M282.453 222.03c40.318-10.587 64.428-51.82 53.852-92.094s-51.833-64.342-92.15-53.755-64.428 51.82-53.852 92.094 51.833 64.342 92.15 53.755z" fill="#ffc95c" />
  24 + <path d="M280.015 213.335c11.132-2.923 17.676-14.736 14.617-26.386s-14.563-18.723-25.695-15.8-17.676 14.736-14.617 26.385 14.563 18.723 25.695 15.8zM310.72 189.6c5.406-1.42 8.578-7.185 7.083-12.876s-7.1-9.154-12.495-7.735-8.578 7.185-7.083 12.876 7.088 9.154 12.495 7.735z" fill="#f7b228" />
  25 + <path d="M384.664 37.748c15.938 13.295-26.345 70.294-94.44 127.3s-136.22 92.46-152.156 79.166c-12.103-10.096 9.366-45.392 50.217-86.76.35 3.107.895 6.226 1.648 9.34-23.903 26.476-35.342 47.876-27.204 54.75 12.533 10.587 66.754-17.29 121.104-62.263s88.25-90.014 75.718-100.6c-8.078-6.823-33.468 2.33-65.05 21.737-3.002-1.362-6.097-2.53-9.264-3.493l10.022-6.647c43.097-27.9 78.5-41.645 89.405-32.54z" fill="#fff" />
  26 + <path d="M221.068 136.562c5.407-1.42 8.578-7.184 7.083-12.875s-7.1-9.155-12.495-7.735-8.578 7.184-7.083 12.876 7.1 9.154 12.495 7.734zm23.737-8.078c3.975-1.044 6.34-5.15 5.284-9.174s-5.135-6.44-9.1-5.395-6.34 5.15-5.285 9.175 5.135 6.438 9.1 5.394z" fill="#f7b228" />
  27 + </g>
  28 + <path d="M409.04 215.8c-16.933 0-29.867-6.2-38.8-18.6-8.8-12.533-13.2-30.733-13.2-54.6 0-23.467 4.4-41.4 13.2-53.8 8.933-12.4 21.867-18.6 38.8-18.6s29.8 6.2 38.6 18.6c8.933 12.267 13.4 30.2 13.4 53.8 0 23.733-4.467 41.867-13.4 54.4-8.8 12.533-21.667 18.8-38.6 18.8zm0-20.2c9.2 0 15.867-4.2 20-12.6 4.267-8.533 6.4-22 6.4-40.4 0-18.133-2.133-31.333-6.4-39.6-4.133-8.4-10.8-12.6-20-12.6s-15.933 4.2-20.2 12.6c-4.133 8.267-6.2 21.467-6.2 39.6 0 18.4 2.067 31.867 6.2 40.4 4.267 8.4 11 12.6 20.2 12.6z" fill="#003473" />
  29 + <defs>
  30 + <path id="B" d="M166.993 7.53l-5.347-1.09 5.347-1.09 1.093-5.34 1.093 5.34 5.347 1.09-5.347 1.09-1.093 5.34-1.093-5.34z" />
  31 + </defs>
  32 + </svg>
  33 + </p>
  34 + <p class="title">Oops! Ocorreu um erro!</p>
  35 + <p class="text">Fique tranquilo, estamos cientes e trabalhando na correção.</p>
  36 + <p><a href="#" onclick="window.history.go(-1);return false;" class="btn">Voltar para a página anterior</a></p>
52 </div> 37 </div>
53 -</div>  
54 -</body>  
55 -</html> 38 + </div>
  39 +@endsection
resources/views/layout/errors.blade.php 0 → 100644
  Diff comments   View file @82888f3
@@ -0,0 +1,112 @@ @@ -0,0 +1,112 @@
  1 +<!DOCTYPE html>
  2 +<html lang="pt-br">
  3 +<head>
  4 + <meta charset="utf-8">
  5 + <title>@yield('title')</title>
  6 + <link href="https://fonts.googleapis.com/css?family=Muli:700&display=swap" rel="stylesheet">
  7 + @if(config('legacy.app.gtm.id'))
  8 + <!-- Google Tag Manager -->
  9 + <script>
  10 + (function (w, d, s, l, i) {
  11 + w[l] = w[l] || [];
  12 + w[l].push({
  13 + 'gtm.start':
  14 + new Date().getTime(), event: 'gtm.js',
  15 + });
  16 + var f = d.getElementsByTagName(s)[0],
  17 + j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
  18 + j.async = true;
  19 + j.src =
  20 + 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
  21 + f.parentNode.insertBefore(j, f);
  22 + })(window, document, 'script', 'dataLayer', '{{ config('legacy.app.gtm.id') }}');
  23 + </script>
  24 + <!-- End Google Tag Manager -->
  25 + @endif
  26 + <style>
  27 + * {
  28 + margin: 0;
  29 + padding: 0;
  30 + box-sizing: border-box;
  31 + }
  32 +
  33 + body, html {
  34 + font-family: 'Muli', sans-serif;
  35 + font-weight: 700;
  36 + font-size: 24px;
  37 + color: #506073;
  38 + }
  39 +
  40 + .container {
  41 + width: 100vw;
  42 + min-height: 100vh;
  43 + padding: 0 48px;
  44 + display: flex;
  45 + justify-content: center;
  46 + align-items: center;
  47 + background-image: url({{ Asset::get('svg/bg.svg') }});
  48 + background-size: 100% 100%;
  49 + background-repeat: no-repeat;
  50 + }
  51 +
  52 + .content {
  53 + text-align: center;
  54 + padding: 48px 0;
  55 + }
  56 +
  57 + .image {
  58 + max-width: 530px;
  59 + margin: 0 auto;
  60 + }
  61 +
  62 + .image svg {
  63 + width: 100%;
  64 + }
  65 +
  66 + .title {
  67 + color: #003473;
  68 + font-size: 40px;
  69 + margin-bottom: 24px;
  70 + }
  71 +
  72 + .text {
  73 + margin-bottom: 24px;
  74 + }
  75 +
  76 + .btn {
  77 + display: inline-block;
  78 + background: #003473;
  79 + color: white;
  80 + font-size: 17px;
  81 + padding: 24px 72px;
  82 + text-decoration: none;
  83 + border-radius: 6px;
  84 + }
  85 +
  86 + @media (max-width: 400px) {
  87 + body, html {
  88 + font-size: 16px;
  89 + }
  90 +
  91 + .title {
  92 + font-size: 24px;
  93 + }
  94 +
  95 + .btn {
  96 + font-size: 13px;
  97 + padding: 16px 32px;
  98 + }
  99 + }
  100 + </style>
  101 +</head>
  102 +<body>
  103 + @if(config('legacy.app.gtm.id'))
  104 + <!-- Google Tag Manager (noscript) -->
  105 + <noscript>
  106 + <iframe src="https://www.googletagmanager.com/ns.html?id={{ config('legacy.app.gtm.id') }}" height="0" width="0" style="display:none;visibility:hidden"></iframe>
  107 + </noscript>
  108 + <!-- End Google Tag Manager (noscript) -->
  109 + @endif
  110 + @yield('content')
  111 +</body>
  112 +</html>