Home Explore Help
Sign In
tigerphp
/
stagfe2
4
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

Apply style to confirm cell number page

Vijayakrishnan Krishnan 4 years ago
parent
da653673cb
commit
a40f89a3f4
2 changed files with 71 additions and 60 deletions
Unified View Show Diff Stats
  1. 18 26
      resources/views/app/confirm_sms_auth_token.blade.php
  2. 53 34
      resources/views/layouts/auth.blade.php

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

@@ -2,33 +2,25 @@
 
 
 
 @section('content')
 
 @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>
 
-        </div>
 
+        </form>
 
     </div>
 
     </div>
 
 </div>
 
 </div>
 
 
 
-
 
-
 
-@endsection
 
+@endsection

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

@@ -1,50 +1,69 @@
 
-<!DOCTYPE html>
 
-<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
 
 
 
+<!DOCTYPE html>
 
+<html>
 
 <head>
 
 <head>
 
     <meta charset="utf-8">
 
     <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">
 
     <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 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/app.css') }}" rel="stylesheet">
 
     <link href="{{ asset('/css/style.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>
 
 </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>
 
 </html>