chore: updated theme css and js

assets/css/theme.css

@@ -584,6 +584,10 @@ video {
   visibility: collapse;
 }
 
+.fixed {
+  position: fixed;
+}
+
 .absolute {
   position: absolute;
 }
@@ -604,6 +608,10 @@ video {
   left: 0px;
 }
 
+.left-\[-300px\] {
+  left: -300px;
+}
+
 .left-\[100\%\] {
   left: 100%;
 }
@@ -632,10 +640,18 @@ video {
   top: 50%;
 }
 
+.top-4 {
+  top: 1rem;
+}
+
 .top-full {
   top: 100%;
 }
 
+.z-10 {
+  z-index: 10;
+}
+
 .z-30 {
   z-index: 30;
 }
@@ -655,11 +671,6 @@ video {
   margin-right: auto;
 }
 
-.my-12 {
-  margin-top: 3rem;
-  margin-bottom: 3rem;
-}
-
 .my-2 {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
@@ -695,6 +706,10 @@ video {
   margin-top: 0.25rem;
 }
 
+.mt-12 {
+  margin-top: 3rem;
+}
+
 .mt-16 {
   margin-top: 4rem;
 }
@@ -755,8 +770,8 @@ video {
   height: 6rem;
 }
 
-.h-48 {
-  height: 12rem;
+.h-5 {
+  height: 1.25rem;
 }
 
 .h-6 {
@@ -775,8 +790,8 @@ video {
   height: 100%;
 }
 
-.w-1\/3 {
-  width: 33.333333%;
+.h-screen {
+  height: 100vh;
 }
 
 .w-1\/4 {
@@ -795,10 +810,18 @@ video {
   width: 6rem;
 }
 
+.w-40 {
+  width: 10rem;
+}
+
 .w-48 {
   width: 12rem;
 }
 
+.w-5 {
+  width: 1.25rem;
+}
+
 .w-6 {
   width: 1.5rem;
 }
@@ -878,6 +901,10 @@ video {
   align-items: center;
 }
 
+.items-baseline {
+  align-items: baseline;
+}
+
 .justify-end {
   justify-content: flex-end;
 }
@@ -914,6 +941,10 @@ video {
   gap: 2rem;
 }
 
+.overflow-y-auto {
+  overflow-y: auto;
+}
+
 .truncate {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -968,10 +999,18 @@ video {
      object-fit: cover;
 }
 
+.p-2 {
+  padding: 0.5rem;
+}
+
 .p-3 {
   padding: 0.75rem;
 }
 
+.p-4 {
+  padding: 1rem;
+}
+
 .px-2 {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
@@ -1068,6 +1107,11 @@ video {
   line-height: 1.75rem;
 }
 
+.text-xs {
+  font-size: 0.75rem;
+  line-height: 1rem;
+}
+
 .font-bold {
   font-weight: 700;
 }
@@ -1147,12 +1191,28 @@ video {
   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);
 }
 
+.duration-1000 {
+  transition-duration: 1000ms;
+}
+
 body {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
   --tw-text-opacity: 1;
   color: rgb(75 85 99 / var(--tw-text-opacity));
-  font-weight: 400;
+  font-weight: 300;
+}
+
+a {
+  --tw-text-opacity: 1;
+  color: rgb(75 85 99 / var(--tw-text-opacity));
+}
+
+a:hover {
+  --tw-text-opacity: 1;
+  color: rgb(29 78 216 / var(--tw-text-opacity));
+  text-decoration-line: underline;
+  text-underline-offset: 2px;
 }
 
 .icon-tabler {
@@ -1196,13 +1256,18 @@ a:hover .icon-tabler {
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 
+.disabled\:bg-gray-700:disabled {
+  --tw-bg-opacity: 1;
+  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
+}
+
 .group:hover .group-hover\:flex {
   display: flex;
 }
 
-.group:hover .group-hover\:text-gray-950 {
+.group:hover .group-hover\:text-blue-900 {
   --tw-text-opacity: 1;
-  color: rgb(3 7 18 / var(--tw-text-opacity));
+  color: rgb(30 58 138 / var(--tw-text-opacity));
 }
 
 @media (min-width: 640px) {
@@ -1224,6 +1289,10 @@ a:hover .icon-tabler {
     width: 50%;
   }
 
+  .md\:w-1\/3 {
+    width: 33.333333%;
+  }
+
   .md\:w-24 {
     width: 6rem;
   }
@@ -1235,6 +1304,18 @@ a:hover .icon-tabler {
   .md\:grid-cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
+
+  .md\:flex-row {
+    flex-direction: row;
+  }
+
+  .md\:flex-nowrap {
+    flex-wrap: nowrap;
+  }
+
+  .md\:items-start {
+    align-items: flex-start;
+  }
 }
 
 @media (min-width: 1024px) {
@@ -1242,12 +1323,16 @@ a:hover .icon-tabler {
     position: static;
   }
 
+  .lg\:left-0 {
+    left: 0px;
+  }
+
   .lg\:right-0 {
     right: 0px;
   }
 
-  .lg\:mt-36 {
-    margin-top: 9rem;
+  .lg\:top-0 {
+    top: 0px;
   }
 
   .lg\:flex {

assets/js/style.css

@@ -0,0 +1,10 @@
+/**
+ * jQuery.offcanvas v3.4.7 - Easy to use jQuery offcanvas plugin.
+ * Copyright 2016 Lars Graubner - http://lgraubner.github.io/jquery-offcanvas/
+ * License: MIT
+ */
+.offcanvas{position:relative}
+.offcanvas-outer{left:0;overflow-x:hidden;position:absolute;top:0;width:100%}
+.offcanvas-inner{position:relative}
+.offcanvas-element{margin:0;overflow:hidden;position:absolute;top:0;z-index:2}
+.offcanvas-overlay{display:none;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:1}