From 594b2b3cb60530d9584e2c4a2d585486036b833e Mon Sep 17 00:00:00 2001
From: merajjahir <meraj.jahir17@gmail.com>
Date: Wed, 16 Feb 2022 20:00:14 +0600
Subject: [PATCH]  header styles updated

---
 dist/tailshape.css                        | 21 +++++++++++++++++++++
 public/componets/navs_headers/header.html | 14 +++++++-------
 2 files changed, 28 insertions(+), 7 deletions(-)

diff --git a/dist/tailshape.css b/dist/tailshape.css
index 6a39b6e..8f2d932 100755
--- a/dist/tailshape.css
+++ b/dist/tailshape.css
@@ -2351,6 +2351,10 @@ Ensure the default browser behavior of the `hidden` attribute.
   padding-left: 1.5rem;
 }
 
+.pl-1 {
+  padding-left: 0.25rem;
+}
+
 .text-left {
   text-align: left;
 }
@@ -2840,6 +2844,18 @@ Ensure the default browser behavior of the `hidden` attribute.
   outline-offset: 2px;
 }
 
+.ring-2 {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.ring {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
 .filter {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
@@ -3086,6 +3102,11 @@ Ensure the default browser behavior of the `hidden` attribute.
   background-color: rgb(209 213 219 / var(--tw-bg-opacity));
 }
 
+.hover\:bg-purple-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(168 85 247 / var(--tw-bg-opacity));
+}
+
 .hover\:text-purple-800:hover {
   --tw-text-opacity: 1;
   color: rgb(107 33 168 / var(--tw-text-opacity));
diff --git a/public/componets/navs_headers/header.html b/public/componets/navs_headers/header.html
index ad8a628..a7a49b6 100644
--- a/public/componets/navs_headers/header.html
+++ b/public/componets/navs_headers/header.html
@@ -296,14 +296,14 @@
                 <span class="sr-only">Kutty</span>
               </a>
               <div class="flex items-center space-x-1">
-                <div class="hidden space-x-1 md:inline-flex">
-                  <a href="#f" class="btn rounded-lg font-semibold hover:bg-gray-300 focus:bg-gray-300 focus:ring-2 focus:ring-blue-500 transition">Features</a>
-                  <a href="#" class="btn btn-sm btn-link">Pricing</a>
-                  <a href="#" class="btn btn-sm btn-link">Blog</a>
-                  <a href="#" class="btn btn-sm btn-link">Company</a>
-                  <a href="#" class="btn btn-sm btn-link">Sign in</a>
+                <div class="hidden space-x-1 md:inline-flex mr-5">
+                  <a href="#f" class=" rounded-lg  font-medium hover:bg-gray-300 focus:bg-gray-300 focus:ring-2 focus:ring-blue-500 transition p-1 text-center text-xs">Features</a>
+                  <a href="#fd" class=" rounded-lg font-medium hover:bg-gray-300 focus:bg-gray-300 focus:ring-2 focus:ring-blue-500 transition p-1 text-center text-xs">Pricing</a>
+                  <a href="#f" class=" rounded-lg font-medium hover:bg-gray-300 focus:bg-gray-300 focus:ring-2 focus:ring-blue-500 transition p-1 text-center text-xs">Blog</a>
+                  <a href="#f" class=" rounded-lg font-medium hover:bg-gray-300 focus:bg-gray-300 focus:ring-2 focus:ring-blue-500 transition p-1 text-center text-xs">Company</a>
+                  <a href="#f" class=" rounded-lg font-medium hover:bg-gray-300 focus:bg-gray-300 focus:ring-2 focus:ring-blue-500 transition p-1 text-center text-xs">Sign in</a>
                 </div>
-                <a href="#" class="btn btn-sm btn-primary">Get Started</a>
+                <a href="#d" class="p-1 rounded ring-2 bg-blue-600 text-white text-sm hover:bg-blue-700">Get Started</a>
                 <div class="inline-flex md:hidden" x-data="{ open: false }">
                   <button class="flex-none px-2 btn btn-link btn-sm" @click="open = true">
                     <svg