General Docs Improvements (#542)

src/styles/tailwind.css

@@ -39,6 +39,28 @@
 @tailwind components;
 @tailwind utilities;
 
+@layer base {
+  html {
+    scroll-behavior: smooth;
+  }
+}
+
+@layer components {
+  .custom-details li {
+    margin-left: 50px !important;
+  }
+  
+  /* Hide scrollbar for sidebar navigation */
+  .sidebar-scroll {
+    scrollbar-width: none; /* Firefox */
+    -ms-overflow-style: none; /* IE and Edge */
+  }
+  
+  .sidebar-scroll::-webkit-scrollbar {
+    display: none; /* Chrome, Safari, Opera */
+  }
+}
+
 .imagewrapper {
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   border-radius: 4px;
@@ -57,6 +79,9 @@
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   border-radius: 4px;
   overflow:hidden;
+  max-width: 100%;
+  width: 100%;
+  height: auto;
 }
 
 .spacer-sm {
@@ -69,7 +94,8 @@
 
 /* Image Zoom / Lightbox Styles */
 .imagewrapper,
-.imagewrapper-big {
+.imagewrapper-big,
+.imagewrapper-medium {
   cursor: zoom-in;
 }