chore: fix Web Component

batijs · Aug 23, 2023 · 7a3d4a0 · 7a3d4a0
1 parent 99134ab
commit 7a3d4a0
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/components/Widget.tsx b/components/Widget.tsx
@@ -32,7 +32,7 @@ export function Widget(props: { theme?: string; widget: boolean }) {
   return (
     <div
       data-theme={props.theme}
-      class="flex flex-col bg-base-300 px-4 py-8 rounded-xl shadow-2xl bati-widget"
+      class="flex flex-col bg-base-300 px-4 py-8 rounded-xl shadow-2xl font-sans bati-widget"
       classList={{
         "w-4/5": !props.widget,
       }}

diff --git a/layouts/tailwind.css b/layouts/tailwind.css
@@ -62,7 +62,7 @@
 
     /*https://github.com/saadeghi/daisyui/blob/master/src/components/styled/select.css*/
     .listbox {
-        @apply border border-base-content border-opacity-0 bg-base-100 pr-10 font-semibold rounded-btn;
+        @apply border-solid border border-base-content border-opacity-0 bg-base-100 pr-10 font-semibold rounded-btn;
         &-bordered {
             @apply border-opacity-20;
         }
@@ -79,7 +79,7 @@
             @apply bg-base-100 drop-shadow-xl rounded-t-none rounded-b-lg;
 
             & [role=option][aria-selected=true] {
-                @apply border-2 border-base-content/20;
+                @apply border-solid border-2 border-base-content/20;
             }
 
             & [role=option][aria-disabled=true] {

diff --git a/vite.config.ts b/vite.config.ts
@@ -3,6 +3,8 @@ import { build, defineConfig, type Plugin } from "vite";
 import tsConfigPaths from "vite-tsconfig-paths";
 import autoprefixer from "autoprefixer";
 import tailwindcss from "tailwindcss";
+// @ts-ignore
+import tailwindcssNesting from "tailwindcss/nesting";
 import daisyui from "daisyui";
 import solidPlugin from "vite-plugin-solid";
 
@@ -58,6 +60,7 @@ export default defineConfig(({ mode, command }) => {
           inject: false,
           plugins: [
             autoprefixer(),
+            tailwindcssNesting(),
             tailwindcss({
               corePlugins: {
                 preflight: false,
@@ -78,7 +81,7 @@ export default defineConfig(({ mode, command }) => {
               Rule(rule) {
                 rule.selector = rule.selector.replaceAll(
                   ":root",
-                  ".bati-widget"
+                  ".bati-widget",
                 );
               },
             },