New design for reset password view

2025-08-05 07:57:46 +02:00 · 2017-11-29 12:52:49 +10:30
parent 479e44dd04
commit 9392e1bec3
7 changed files with 213 additions and 49 deletions
--- a/views/layouts/basic.blade.php
+++ b/views/layouts/basic.blade.php
@@ -0,0 +1,106 @@
+{{-- TODO: Change below to @php when Laravel is upgraded --}}
+<?php
+  $primaryColor = $settings->get('theme_primary_color', '#000');
+?>
+
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    {{-- TODO: Change below to @hasSection when Laravel is upgraded --}}
+    <title>@if ($__env->hasSection('title')) @yield('title') - @endif{{ $settings->get('forum_title') }}</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1">
+
+    <style>
+      * {
+       box-sizing: border-box;
+      }
+      body {
+        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+        font-size: 18px;
+        text-align: center;
+        line-height: 1.5;
+        color: #333;
+      }
+      input,
+      button,
+      select,
+      textarea {
+        font-family: inherit;
+        font-size: inherit;
+        line-height: inherit;
+      }
+      a {
+        cursor: pointer;
+        color: {{ $primaryColor }};
+        text-decoration: none;
+      }
+      a:hover {
+        text-decoration: underline;
+      }
+      .container {
+        margin: 100px auto;
+        max-width: 450px;
+        padding: 0 15px;
+      }
+      .button {
+        display: inline-block;
+        padding: 15px 25px;
+        background: {{ $primaryColor }};
+        color: #fff;
+        text-decoration: none;
+        text-align: center;
+        vertical-align: middle;
+        border-radius: 4px;
+        cursor: pointer;
+        white-space: nowrap;
+        font-weight: bold;
+        border: 0;
+      }
+      .button:hover {
+        text-decoration: none;
+      }
+      .button:active,
+      .button.active {
+        box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
+      }
+      .form {
+        max-width: 300px;
+        margin: 0 auto;
+      }
+      .form .button {
+        display: block;
+        width: 100%;
+      }
+      .form-control {
+        display: block;
+        width: 100%;
+        text-align: center;
+        padding: 15px 20px;
+        background-color: #fff;
+        border: 2px solid #eee;
+        border-radius: 4px;
+        transition: border-color .15s;
+      }
+      .form-control:focus,
+      .form-control.focus {
+         border-color: {{ $primaryColor }};
+         outline: none;
+      }
+      .errors {
+        color: #d83e3e;
+      }
+      .errors ul {
+        list-style-type: none;
+        margin: 0;
+        padding: 0;
+      }
+    </style>
+  </head>
+
+  <body>
+    <div class="container">
+      @yield('content')
+    </div>
+  </body>
+</html>