fix tailwind typo

sib-swiss · Dec 10, 2024 · 5dd3ccb · 5dd3ccb
1 parent d3f4d77
commit 5dd3ccb
Show file tree

Hide file tree

Showing 10 changed files with 225 additions and 270 deletions.
diff --git a/chat-with-context/demo/index.html b/chat-with-context/demo/index.html
@@ -14,45 +14,48 @@
       rel="stylesheet"
       href="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/default.min.css"
     /> -->
-    <!-- <script type="module" src="../src/chat-with-context.tsx"></script> -->
-    <script type="module" src="../dist/chat-with-context.js"></script>
+    <script type="module" src="../src/chat-with-context.tsx"></script>
+    <!-- <script type="module" src="../dist/chat-with-context.js"></script> -->
+
+    <!-- <script type="module" src="https://unpkg.com/@sib-swiss/chat-with-context/dist/chat-with-context.js"></script> -->
+    <link href="https://unpkg.com/@sib-swiss/chat-with-context/dist/style.css" rel="stylesheet">
   </head>
 
   <!-- <script type="module">
     tailwind.config = {
       darkMode: "selector",
-      // theme: {
-      //   extend: {
-      //     // Remove backticks from inline code
-      //     typography: {
-      //       DEFAULT: {
-      //         css: {
-      //           // Fix <code> rendering
-      //           "code::before": {
-      //             content: '""',
-      //           },
-      //           "code::after": {
-      //             content: '""',
-      //           },
-      //           code: {
-      //             "border-radius": "0.375rem",
-      //             padding: "0.35em",
-      //             color: "var(--tw-prose-pre-code)",
-      //             "background-color": "var(--tw-prose-pre-bg)",
-      //             "font-weight": "normal",
-      //           },
-      //         },
-      //       },
-      //     },
-      //   },
-      // },
+      theme: {
+        extend: {
+          // Remove backticks from inline code
+          typography: {
+            DEFAULT: {
+              css: {
+                // Fix <code> rendering
+                "code::before": {
+                  content: '""',
+                },
+                "code::after": {
+                  content: '""',
+                },
+                code: {
+                  "border-radius": "0.375rem",
+                  padding: "0.35em",
+                  color: "var(--tw-prose-pre-code)",
+                  "background-color": "var(--tw-prose-pre-bg)",
+                  "font-weight": "normal",
+                },
+              },
+            },
+          }
+        },
+      },
     };
   </script> -->
 
   <!-- <body class="bg-gray-100 dark:bg-gray-800 text-black dark:text-white"> -->
   <body class="bg-gray-100 text-black">
     <!-- <body> -->
-    <nav>
+    <!-- <nav>
       <div class="absolute top-2 right-8">
         <button
           title="Switch theme"
@@ -63,7 +66,7 @@
           <span id="moon-icon" class="hidden">🌙</span>
         </button>
       </div>
-    </nav>
+    </nav> -->
 
     <div>
       <chat-with-context
@@ -74,7 +77,7 @@
     </div>
   </body>
 
-  <script>
+  <!-- <script>
     // TODO: dark mode in tailwind seems broken, it does not respect anything
     // The dark: classes set on body will always just use the system pref. While docs says otherwise https://tailwindcss.com/docs/dark-mode
     // And I am not even talking about the dark: classes set inside the light DOM custom element
@@ -104,5 +107,5 @@
     if (window.matchMedia) prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
     // if (prefersDark) document.documentElement.classList.toggle('dark', prefersDark);
     // if (prefersDark) toggleDarkMode();
-  </script>
+  </script> -->
 </html>
diff --git a/chat-with-context/index.html b/chat-with-context/index.html
@@ -7,12 +7,12 @@
     <meta name="description" content="Chat with context development page" />
     <!-- <link rel="icon" type="image/png" href="../demo/src/sib-logo.png" /> -->
 
-    <script src="https://cdn.tailwindcss.com"></script>
+    <!-- <script src="https://cdn.tailwindcss.com"></script>
     <script src="https://cdn.tailwindcss.com?plugins=typography"></script>
     <link
       rel="stylesheet"
       href="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/default.min.css"
-    />
+    /> -->
 
     <script type="module" src="./src/chat-with-context.tsx"></script>
   </head>
@@ -27,7 +27,7 @@
     </div>
   </body>
 
-  <script type="module">
+  <!-- <script type="module">
     tailwind.config = {
       darkMode: "class",
       theme: {
@@ -56,5 +56,5 @@
         },
       },
     };
-  </script>
+  </script> -->
 </html>