Browse Source

Remove CSS into layout

Vijayakrishnan 5 years ago
parent
commit
7c5dbb8bfb

+ 4 - 72
resources/views/layouts/guest-home.blade.php

@@ -10,20 +10,13 @@
     <link href="https://fonts.googleapis.com/css?family=Nunito:200,600,700" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Nunito:200,600,700" rel="stylesheet">
 
 
     {{-- Bootstrap --}}
     {{-- Bootstrap --}}
-    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
     <link rel="stylesheet" href="/css/bootstrap.min.css">
     <link rel="stylesheet" href="/css/bootstrap.min.css">
 
 
+    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
+
     <!-- Styles for patient home -->
     <!-- Styles for patient home -->
     <style>
     <style>
-        html, body {
-            background-color: #fff;
-            color: #636b6f;
-            font-family: 'Nunito', sans-serif;
-            font-weight: 200;
-            height: 100vh;
-            margin: 0;
-        }
-
         body {
         body {
             background-image: url(/images/patient-home-banner.jpg);
             background-image: url(/images/patient-home-banner.jpg);
             background-size: 100% auto;
             background-size: 100% auto;
@@ -36,69 +29,8 @@
                 background-size: auto 100%;
                 background-size: auto 100%;
             }
             }
         }
         }
-
-        h1 {
-            color: #555;
-            width: 50%;
-            text-align: center;
-        }
-
-        @media (max-width: 900px) {
-            h1 {
-                width: auto;
-                text-align: center;
-                font-size: 2rem;
-                text-shadow: 1px 1px 2px #c0e4e2;
-            }
-        }
-
-        @media (max-width: 400px) {
-            h1 {
-                font-size: 1.75rem;
-                text-shadow: 1px 1px 2px #c0e4e2;
-            }
-        }
-
-        .form-container {
-            width: 50%;
-            margin-right: auto;
-        }
-
-        @media (max-width: 900px) {
-            .form-container {
-                margin: auto;
-                width: 100%;
-            }
-        }
-
-        .form-container .form {
-            background: #ffffffd1;
-            max-width: 400px;
-            margin: auto;
-            border-radius: 4px;
-        }
-
-        .form-container .form h3 {
-            font-size: 1.3rem;
-        }
-
-        .border-success {
-            border-color: #44bdad85 !important;
-        }
-
-        .text-dark {
-            color: #555;
-            font-weight: 600;
-        }
-
-        .form-container .form input {
-            border-color: #44bdad85 !important;
-        }
-
-        .form-container .form input:focus {
-            box-shadow: 0 0 0 0.2rem #44bdad85;
-        }
     </style>
     </style>
+    <link rel="stylesheet" href="/css/meeting.css">
 </head>
 </head>
 <body class="px-3 px-md-5 py-5">
 <body class="px-3 px-md-5 py-5">
 
 

+ 2 - 74
resources/views/layouts/guest-meeting.blade.php

@@ -10,86 +10,14 @@
     <link href="https://fonts.googleapis.com/css?family=Nunito:200,600,700" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Nunito:200,600,700" rel="stylesheet">
 
 
     {{-- Bootstrap --}}
     {{-- Bootstrap --}}
-    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
     <link rel="stylesheet" href="/css/bootstrap.min.css">
     <link rel="stylesheet" href="/css/bootstrap.min.css">
 
 
     <link rel="stylesheet" href="/fontawesome-free/css/all.min.css">
     <link rel="stylesheet" href="/fontawesome-free/css/all.min.css">
 
 
     <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
 
 
-    <!-- Styles for patient home -->
-    <style>
-        html, body {
-            background-color: #fff;
-            color: #636b6f;
-            font-family: 'Nunito', sans-serif;
-            font-weight: 200;
-            height: 100vh;
-            margin: 0;
-        }
-
-        h1 {
-            color: #555;
-            width: 50%;
-            text-align: center;
-        }
-
-        @media (max-width: 900px) {
-            h1 {
-                width: auto;
-                text-align: center;
-                font-size: 2rem;
-                text-shadow: 1px 1px 2px #c0e4e2;
-            }
-        }
-
-        @media (max-width: 400px) {
-            h1 {
-                font-size: 1.75rem;
-                text-shadow: 1px 1px 2px #c0e4e2;
-            }
-        }
-
-        .form-container {
-            width: 50%;
-            margin-right: auto;
-        }
-
-        @media (max-width: 900px) {
-            .form-container {
-                margin: auto;
-                width: 100%;
-            }
-        }
-
-        .form-container .form {
-            background: #ffffffd1;
-            max-width: 400px;
-            margin: auto;
-            border-radius: 4px;
-        }
-
-        .form-container .form h3 {
-            font-size: 1.3rem;
-        }
-
-        .border-success {
-            border-color: #44bdad85 !important;
-        }
-
-        .text-dark {
-            color: #555;
-            font-weight: 600;
-        }
-
-        .form-container .form input {
-            border-color: #44bdad85 !important;
-        }
-
-        .form-container .form input:focus {
-            box-shadow: 0 0 0 0.2rem #44bdad85;
-        }
-    </style>
+    <link rel="stylesheet" href="/css/meeting.css">
 </head>
 </head>
 <body class="p-0 m-0">
 <body class="p-0 m-0">