fix:version-ads-background (#62)

DespauxGuillaume · web-flow · commit ce2a4912dc2f · 2021-07-06T15:04:05.000+02:00
* fix:version-ads-background

* refacto: move css
diff --git a/components/molecules/ads/AdsFallback.vue b/components/molecules/ads/AdsFallback.vue
@@ -11,7 +11,7 @@
 
 <style lang="postcss">
 .nui-support-nuxt {
-  @apply bg-white bg-opacity-10 p-4 flex flex-row w-full items-center mt-4 rounded-md;
+  @apply light:bg-gray-100 dark:bg-white dark:bg-opacity-10 p-4 flex flex-row w-full items-center mt-4 rounded-md ;
 }
 
 @screen sm {
diff --git a/components/organisms/app/AsideBottom.vue b/components/organisms/app/AsideBottom.vue
@@ -8,10 +8,11 @@
         items-center
         py-1.5
         group
-        dark:hover:text-gray-100
-        hover:text-gray-900
-        bg-white bg-opacity-10
-        hover:bg-opacity-9
+        dark:bg-white
+        dark:bg-opacity-10
+        dark:hover:bg-opacity-9
+        light:bg-gray-100
+        light:hover:bg-gray-50
         p-4
         mt-4
         rounded-md

Original file line number	Diff line number	Diff line change
`@@ -11,7 +11,7 @@`
`11`	`11`
`12`	`12`	`<style lang="postcss">`
`13`	`13`	`.nui-support-nuxt {`
`14`		`- @apply bg-white bg-opacity-10 p-4 flex flex-row w-full items-center mt-4 rounded-md;`
	`14`	`+ @apply light:bg-gray-100 dark:bg-white dark:bg-opacity-10 p-4 flex flex-row w-full items-center mt-4 rounded-md ;`
`15`	`15`	`}`
`16`	`16`
`17`	`17`	`@screen sm {`