layout.blade.php
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 7 <title>@yield('title')</title> 8 9 <!-- Styles --> 10 <style> 11 html, body { 12 background-color: #fff; 13 color: #636b6f; 14 font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 15 font-weight: 100; 16 height: 100vh; 17 margin: 0; 18 } 19 20 .full-height { 21 height: 100vh; 22 } 23 24 .flex-center { 25 align-items: center; 26 display: flex; 27 justify-content: center; 28 } 29 30 .position-ref { 31 position: relative; 32 } 33 34 .content { 35 text-align: center; 36 } 37 38 .title { 39 font-size: 36px; 40 padding: 20px; 41 } 42 </style> 43 </head> 44 <body> 45 <div class="flex-center position-ref full-height"> 46 <div class="content"> 47 <div class="title"> 48 @yield('message') 49 </div> 50 </div> 51 </div> 52 </body> 53 </html>