chore(dynamic-component): add dark mode bg

discue · Sep 1, 2023 · d2b69f2 · d2b69f2
1 parent 87a315b
commit d2b69f2
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 6 deletions.
diff --git a/src/components/docs/dynamic-component-display.vue b/src/components/docs/dynamic-component-display.vue
@@ -1,6 +1,6 @@
 <template>
     <div :id="id"
-        class="component-preview bg-stone-300 shadow-inner rounded-lg my-4 py-4 flex flex-col justify-center items-center w-full">
+        class="component-preview bg-stone-300 dark:bg-gray-800 shadow-inner rounded-lg my-4 py-4 flex flex-col justify-center items-center w-full">
         <Component :is="type" v-bind="componentProps" v-model="modelValue">
             <template v-for="(index, name) in $slots" v-slot:[name]>
                 <slot :name="name" />

diff --git a/styles/preview.scss b/styles/preview.scss
@@ -65,11 +65,6 @@
     .dsq-form-element-container-with-label {
         div {
 
-            label,
-            select {
-                @apply bg-stone-300;
-            }
-
             input {
                 margin-top: 0;
             }