You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
53 lines
1.4 KiB
53 lines
1.4 KiB
<!DOCTYPE html> |
|
<html lang="en"> |
|
<head> |
|
<meta charset="utf-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|
|
|
<title>@yield('title')</title> |
|
|
|
<!-- Styles --> |
|
<style> |
|
html, body { |
|
background-color: #fff; |
|
color: #636b6f; |
|
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"; |
|
font-weight: 100; |
|
height: 100vh; |
|
margin: 0; |
|
} |
|
|
|
.full-height { |
|
height: 100vh; |
|
} |
|
|
|
.flex-center { |
|
align-items: center; |
|
display: flex; |
|
justify-content: center; |
|
} |
|
|
|
.position-ref { |
|
position: relative; |
|
} |
|
|
|
.content { |
|
text-align: center; |
|
} |
|
|
|
.title { |
|
font-size: 36px; |
|
padding: 20px; |
|
} |
|
</style> |
|
</head> |
|
<body> |
|
<div class="flex-center position-ref full-height"> |
|
<div class="content"> |
|
<div class="title"> |
|
@yield('message') |
|
</div> |
|
</div> |
|
</div> |
|
</body> |
|
</html>
|
|
|