Upd login card

justboil · Jun 8, 2021 · e06a755 · e06a755
1 parent edc34c0
commit e06a755
Show file tree

Hide file tree

Showing 8 changed files with 17 additions and 13 deletions.
diff --git a/dist/css/main.css b/dist/css/main.css
diff --git a/dist/forms.html b/dist/forms.html
@@ -7,7 +7,7 @@
   <title>Forms - Admin One Tailwind CSS Admin Dashboard</title>
 
   <!-- Tailwind is included -->
-  <link rel="stylesheet" href="css/main.css?v=1623152296419">
+  <link rel="stylesheet" href="css/main.css?v=1623162284116">
 
   <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"/>
   <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"/>
@@ -473,7 +473,7 @@
 </div>
 
 <!-- Scripts below are for demo only -->
-<script type="text/javascript" src="js/main.min.js?v=1623152296419"></script>
+<script type="text/javascript" src="js/main.min.js?v=1623162284116"></script>
 
 
 <!-- Icons below are for demo only. Feel free to use any icon pack. Docs: https://bulma.io/documentation/elements/icon/ -->

diff --git a/dist/index.html b/dist/index.html
@@ -7,7 +7,7 @@
   <title>Dashboard - Admin One Tailwind CSS Admin Dashboard</title>
 
   <!-- Tailwind is included -->
-  <link rel="stylesheet" href="css/main.css?v=1623152296419">
+  <link rel="stylesheet" href="css/main.css?v=1623162284116">
 
   <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"/>
   <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"/>
@@ -718,7 +718,7 @@ <h1>
 </div>
 
 <!-- Scripts below are for demo only -->
-<script type="text/javascript" src="js/main.min.js?v=1623152296419"></script>
+<script type="text/javascript" src="js/main.min.js?v=1623162284116"></script>
 
 <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.js"></script>
 <script type="text/javascript" src="js/chart.sample.min.js"></script>

diff --git a/dist/login.html b/dist/login.html
@@ -7,7 +7,7 @@
   <title>Login - Admin One Tailwind CSS Admin Dashboard</title>
 
   <!-- Tailwind is included -->
-  <link rel="stylesheet" href="css/main.css?v=1623152296419">
+  <link rel="stylesheet" href="css/main.css?v=1623162284116">
 
   <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"/>
   <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"/>
@@ -20,7 +20,7 @@
 <div id="app">
 
   <section class="section main-section">
-    <div class="card w-11/12 md:w-5/12 shadow-2xl">
+    <div class="card">
       <header class="card-header">
         <p class="card-header-title">
           <span class="icon"><i class="mdi mdi-lock"></i></span>
@@ -86,7 +86,7 @@
 </div>
 
 <!-- Scripts below are for demo only -->
-<script type="text/javascript" src="js/main.min.js?v=1623152296419"></script>
+<script type="text/javascript" src="js/main.min.js?v=1623162284116"></script>
 
 
 <!-- Icons below are for demo only. Feel free to use any icon pack. Docs: https://bulma.io/documentation/elements/icon/ -->

diff --git a/dist/profile.html b/dist/profile.html
@@ -7,7 +7,7 @@
   <title>Profile - Admin One Tailwind CSS Admin Dashboard</title>
 
   <!-- Tailwind is included -->
-  <link rel="stylesheet" href="css/main.css?v=1623152296419">
+  <link rel="stylesheet" href="css/main.css?v=1623162284116">
 
   <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"/>
   <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"/>
@@ -430,7 +430,7 @@
 </div>
 
 <!-- Scripts below are for demo only -->
-<script type="text/javascript" src="js/main.min.js?v=1623152296419"></script>
+<script type="text/javascript" src="js/main.min.js?v=1623162284116"></script>
 
 
 <!-- Icons below are for demo only. Feel free to use any icon pack. Docs: https://bulma.io/documentation/elements/icon/ -->

diff --git a/dist/tables.html b/dist/tables.html
@@ -7,7 +7,7 @@
   <title>Tables - Admin One Tailwind CSS Admin Dashboard</title>
 
   <!-- Tailwind is included -->
-  <link rel="stylesheet" href="css/main.css?v=1623152296419">
+  <link rel="stylesheet" href="css/main.css?v=1623162284116">
 
   <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"/>
   <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"/>
@@ -1097,7 +1097,7 @@
 </div>
 
 <!-- Scripts below are for demo only -->
-<script type="text/javascript" src="js/main.min.js?v=1623152296419"></script>
+<script type="text/javascript" src="js/main.min.js?v=1623162284116"></script>
 
 
 <!-- Icons below are for demo only. Feel free to use any icon pack. Docs: https://bulma.io/documentation/elements/icon/ -->

diff --git a/src/css/_card.css b/src/css/_card.css
@@ -45,3 +45,7 @@
 .widget-label h1 {
   @apply text-3xl leading-tight font-semibold;
 }
+
+.form-screen .card {
+  @apply w-11/12 md:w-5/12 shadow-2xl rounded-lg;
+}
diff --git a/src/html/login.html b/src/html/login.html
@@ -1,5 +1,5 @@
   <section class="section main-section">
-    <div class="card w-11/12 md:w-5/12 shadow-2xl">
+    <div class="card">
       <header class="card-header">
         <p class="card-header-title">
           <span class="icon"><i class="mdi mdi-lock"></i></span>