Browse Source

Apply style to confirm cell number page

Vijayakrishnan Krishnan 4 years ago
parent
commit
a40f89a3f4

+ 18 - 26
resources/views/app/confirm_sms_auth_token.blade.php

@@ -2,33 +2,25 @@
 
 @section('content')
 
-<div class="container">
-    <div class="row">
-        <div class="col-md-4">
-            <div class="card mt-4">
-                <div class="card-header">
-                    Confirm Authentication Token
-                </div>
-                <div class="card-body">
-                    <form action="/api/pro/confirmSmsAuthToken" method="POST">
-                        <div class="form-group">
-                            <label for="" class="control-label">Cell Number</label>
-                            <input type="text" class="form-control">
-                        </div>
-                        <div class="form-group">
-                            <label for="" class="control-label">Authentication Token</label>
-                            <input type="text" class="form-control">
-                        </div>
-                        <div class="form-group">
-                            <button class="btn btn-primary btn-sm">Submit</button>
-                        </div>
-                    </form>
-                </div>
+<div class="card border-0 rounded-0 mcp-theme-1 bg-transparent">
+    <div class="card-header text-center font-weight-bold">
+        Confirm Cell Phone
+    </div>
+    <div class="card-body bg-transparent">
+        <form action="/api/pro/confirmSmsAuthToken" method="POST">
+            <div class="form-group">
+                <label for="" class="control-label mb-1 text-secondary">Cell Number *</label>
+                <input type="text" class="form-control" value="{{$pro->cell_number}}" readonly>
+            </div>
+            <div class="form-group">
+                <label for="" class="control-label mb-1 text-secondary d-flex align-items-center">Token * <span class="ml-auto text-sm">(sent to your phone)</span></label>
+                <input autofocus type="text" class="form-control">
+            </div>
+            <div class="form-group mb-0 text-center">
+                <button class="btn btn-primary btn-sm px-4 py-2">Submit</button>
             </div>
-        </div>
+        </form>
     </div>
 </div>
 
-
-
-@endsection
+@endsection

+ 53 - 34
resources/views/layouts/auth.blade.php

@@ -1,50 +1,69 @@
-<!DOCTYPE html>
-<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
 
+<!DOCTYPE html>
+<html>
 <head>
     <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <title>Stag | Pro</title>
+    <!-- Tell the browser to be responsive to screen width -->
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <!-- Google Font: Source Sans Pro -->
+    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
 
-    <title>{{ config('app.name') }}</title>
-
-    <!-- Fonts -->
-    <link href="https://fonts.googleapis.com/css?family=Nunito:200,600" rel="stylesheet">
-
-    {{-- Quill RTE --}}
-    <link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">
-    <script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>
-
-    <!-- <link href="{{ asset('bootstrap-4.5.0/css/bootstrap.css') }}" rel="stylesheet"> -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/css/all.min.css">
     <link href="{{ asset('/css/app.css') }}" rel="stylesheet">
     <link href="{{ asset('/css/style.css') }}" rel="stylesheet">
-    <link rel="stylesheet" href="{{asset('/fullcalendar/main.min.css')}}">
-    <link href="{{ asset('/css/yemi.css') }}" rel="stylesheet">
-    <link rel="stylesheet" href="{{ asset('/css/toastr.min.css') }}">
-    <link href="{{asset('/css/z.css')}}" rel=stylesheet>
-    <!-- Styles -->
-
-    <script src="{{ asset('js/app.js') }}" type="application/javascript"></script>
-    <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
-    <script src="{{ asset('fullcalendar/main.min.js') }}" type="application/javascript"></script>
-    <script src="{{ asset('js/toastr.min.js') }}" type="application/javascript"></script>
-    <script src="/js/yemi.js?_=4" type="application/javascript"></script>
-
-    @yield('head')
 </head>
+<body class="hold-transition login-page">
 
-<body>
-<div id="mask" style="background: rgba(0, 0, 0, 0) url(&quot;/vanillaspin.gif&quot;) no-repeat scroll center center; position: fixed; top: 0px; left: 0px; z-index: 9999; width: 100%; height: 100%; display: none;">
-</div>
-<div id="moe-form-mask" style="background: rgba(0, 0, 0, .1) no-repeat scroll center center; position: fixed; top: 0px; left: 0px; z-index: 99; width: 100%; height: 100%; display: none;">
-</div>
+<style>
+    .auth-branding {
+        background: #444343 !important;
+        box-shadow: none !important;
+        border-bottom: 1px solid #262626;
+        padding: 0.5rem 0;
+        margin: 0;
+        border-top-left-radius: 8px;
+        border-top-right-radius: 8px;
+        font-size: 1.4rem;
+    }
 
-    <main role="main" class="stag-content px-0">
+    .auth-branding img {
+        line-height: .8;
+        margin-left: 0;
+        margin-right: .5rem;
+        margin-top: -3px;
+        max-height: 33px;
+    }
 
-        @yield('content')
+    .login-card-body {
+        border-bottom-left-radius: 8px;
+        border-bottom-right-radius: 8px;
+    }
 
-    </main><!-- /.container -->
+    .login-box {
+        width: 400px;
+        margin: 100px auto;
+    }
 
-</body>
+    .login-content {
+        border-top-left-radius: 0;
+        border-top-right-radius: 0;
+        border-bottom-left-radius: 8px;
+        border-bottom-right-radius: 8px;
+        overflow: hidden;
+    }
+</style>
+<div class="login-box">
+    <div class="login-logo auth-branding text-center border-0">
+        <span class="brand-text font-weight-light text-white"><b>Stag</b> Pro</span>
+    </div>
+    <div class="login-content card border-top-0">
+        <div class="card-body border-0 login-card-body p-0">
+            @yield('content')
+        </div>
+    </div>
+</div>
 
+</body>
 </html>