add viewport

njgould · njgould · commit 243c9d75006a · 2022-08-26T13:43:19.000+10:00
diff --git a/index.html b/index.html
@@ -2,7 +2,7 @@
 <html lang="en" class = "h-full bg-gray-50">
   <head>
     <title></title>
-
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>
 
     <link rel="shortcut icon" href="favicon.svg" />
@@ -208,7 +208,7 @@ <h3>Settings</h3>
 
 
 
-      <div x-show="showLogin" class="min-h-full flex flex-col justify-center py-12 sm:px-6 lg:px-8">
+      <div x-show="showLogin" class="min-h-full flex flex-col justify-center py-2 lg:py-12  sm:px-6 lg:px-8">
 
         <div class="mt-8 sm:mx-auto sm:w-full lg:max-w-lg">
           <div class="bg-white py-8 px-4 shadow sm:rounded-lg sm:px-10">
diff --git a/tailwind-dist.css b/tailwind-dist.css
@@ -1353,6 +1353,11 @@ select {
   padding-right: 0.5rem;
 }
 
+.py-5 {
+  padding-top: 1.25rem;
+  padding-bottom: 1.25rem;
+}
+
 .pt-1 {
   padding-top: 0.25rem;
 }
@@ -1882,6 +1887,11 @@ select {
     padding-right: 2.5rem;
   }
 
+  .sm\:px-20 {
+    padding-left: 5rem;
+    padding-right: 5rem;
+  }
+
   .sm\:text-sm {
     font-size: 0.875rem;
     line-height: 1.25rem;
@@ -2055,4 +2065,9 @@ select {
     padding-left: 0px;
     padding-right: 0px;
   }
+
+  .lg\:py-12 {
+    padding-top: 3rem;
+    padding-bottom: 3rem;
+  }
 }
