From 2f9a3ae7096752d4578888fe2dfb1d8d0dff7df3 Mon Sep 17 00:00:00 2001
From: Mathieu Ducrot <mathieu.ducrot@smartbooster.io>
Date: Fri, 2 Aug 2024 12:27:54 +0200
Subject: [PATCH] Fix tailwind sb-documentation style : max-width + table and
 image max-width/transform

---
 assets/styles/_documentation.scss | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/assets/styles/_documentation.scss b/assets/styles/_documentation.scss
index 1254e6e..9f4b559 100644
--- a/assets/styles/_documentation.scss
+++ b/assets/styles/_documentation.scss
@@ -17,6 +17,7 @@
 
 // Tailwind custom Smartbooster prose styles
 .sb-documentation {
+  max-width: 100%;
   @apply prose prose-a:text-info prose-a:no-underline hover:prose-a:underline hover:prose-a:text-info max-w-none inline-block;
   h1, h2, h3, h4 {
     a {
@@ -42,4 +43,20 @@
       @apply block;
     }
   }
+  table {
+    @apply border-collapse border border-slate-400 border-solid;
+  }
+  thead th {
+    @apply bg-slate-100 font-semibold;
+  }
+  th, td {
+    @apply px-2 py-2 border border-slate-300 border-solid;
+  }
+  img {
+    height: auto;
+    max-width: 100%;
+    &:hover {
+      transform: scale(1.25);
+    }
+  }
 }