瀏覽代碼

Merge branch 'master' of rav.triplestart.com:jmudaka/stagfe2

Joe Mudaka 5 年之前
父節點
當前提交
fa44187887
共有 2 個文件被更改,包括 59 次插入19 次删除
  1. 27 1
      public/css/style.css
  2. 32 18
      resources/views/app/login.blade.php

+ 27 - 1
public/css/style.css

@@ -5,7 +5,33 @@
 }
 /* login css */
 .login-container {
-  background-color: var(bg-grey);
+  background-color: var(--bg-grey);
+}
+.login-header {
+  font-size: 30px;
+  font-weight: 100;
+}
+.login-form {
+  padding: 50px;
+}
+.login-form label {
+  font-size: 14px;
+  color: #454859;
+}
+.login-form .form-control {
+  height: calc(1.5em + 0.75rem + 0.3px);;
+}
+.bg-holder {
+  background-color: #bbb;
+}
+.login-container .logo {
+  font-size: 35px;
+  font-weight: 800;
+  color: #F7941E;
+}
+.login-container small {
+  font-size: 12px;
+  color: #999;
 }
 /* end of login */
 .w-70 {

+ 32 - 18
resources/views/app/login.blade.php

@@ -14,32 +14,46 @@
 </head>
 <body>
   <div class="login-container">
-    <div class="container">
-      <div class="row vh-100 flex-column align-items-center justify-content-center">
-        <div class="col-md-4">
+    <div class="container-fluid">
+      <div class="row vh-100 flex-column align-items-center">
+        <div class="col-md-7 mt-4">
+          <h3 class="logo p-0 m-0 mb-4">Scholar</h3>
           <form class="form-signin" method="post" action="{{ route('login') }}">
             @csrf
             <div class="card">
-              <div class="card-body">
-                <div class="form-group">
-                  <label for="cell-number" class="">Cell Number</label>
-                  <input type="text" id="cell-number" name="cell-number" class="form-control" placeholder="Cell Number" value="{{old('cell-number')}}" required <?= old('cell-number') ? '' : 'autofocus' ?>>
-                </div>
-                <div class="form-group">
-                  <label for="password" class="">Password</label>
-                  <input type="password" id="password" name="password" class="form-control" placeholder="Password" required <?= old('cell-number') ? 'autofocus' : '' ?>>
-                </div>
-                @if(session()->has('message'))
-                <div class="alert alert-warning">
-                  {{session('message')}}
+              <div class="card-body p-0">
+                <div class="row">
+                  <div class="col-md-6 login-form">
+                    <h4 class="login-header mb-3">Sign in to your account</h4>
+                    <div class="w-70">
+                      <div class="form-group">
+                        <label for="cell-number" class="">Cell Number</label>
+                        <input type="text" id="cell-number" name="cell-number" class="form-control" value="{{old('cell-number')}}" required <?= old('cell-number') ? '' : 'autofocus' ?>>
+                      </div>
+                      <div class="form-group">
+                        <label for="password" class="">Password</label>
+                        <input type="password" id="password" name="password" class="form-control" required <?= old('cell-number') ? 'autofocus' : '' ?>>
+                      </div>
+                    </div>
+                    @if(session()->has('message'))
+                    <div class="alert alert-danger">
+                      {{session('message')}}
+                    </div>
+                    @endif
+                    <button id="sign-in-btn" class="mt-2 px-3 btn btn-info btn-sm" type="submit">Sign in</button>
+                  </div>
+                  <div class="col-md-6 bg-holder">
+
+                  </div>
                 </div>
-                @endif
-                <button id="sign-in-btn" class="mt-2 btn btn-primary btn-block" type="submit">Sign in</button>
               </div>
             </div>
           </form>
+          <div class="d-flex flex-column mt-3 justify-content-center">
+            <small class="text-center">Please note that this platform may only be accessed by authorized users. Each user can only view data associated with their specific account.</small>
+            <small class="text-center">By logging in, you are accepting our <a href="#" class="text-secondary"><u>Terms of Service</u> </a>. To find out how we protect you and your information, view our <a href="#" class="text-secondary"><u>Privacy Policy</u> </a> </small>
+          </div>
         </div>
-        <p class="text-center mt-5 mb-3 text-muted">&copy; {{ date('Y') }}</p>
       </div>
     </div>
   </div>