feat(card): more m3 styles

konstaui · Aug 11, 2022 · 6587619 · 6587619
1 parent 1165339
commit 6587619
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/src/shared/classes/CardClasses.js b/src/shared/classes/CardClasses.js
@@ -4,9 +4,9 @@ export const CardClasses = (props, colors, darkClasses) => {
   const { margin } = props;
   return {
     base: {
-      common: cls(margin, colors.bg, `overflow-hidden`),
-      ios: 'rounded',
-      material: 'rounded-xl',
+      common: cls(margin, `overflow-hidden`),
+      ios: cls('rounded', colors.bgIos),
+      material: cls('rounded-xl', colors.bgMaterial),
       shadow: 'shadow',
       outline: cls(
         `border border-black border-opacity-10`,

diff --git a/src/shared/colors/CardColors.js b/src/shared/colors/CardColors.js
@@ -2,7 +2,8 @@ import { cls } from '../cls.js';
 
 export const CardColors = (colorsProp = {}, dark) => {
   return {
-    bg: cls(`bg-block-strong-light`, dark('dark:bg-block-strong-dark')),
+    bgIos: cls(`bg-block-strong-light`, dark('dark:bg-block-strong-dark')),
+    bgMaterial: cls('bg-md-light-surface-1', dark('dark:bg-md-dark-surface-1')),
     footerText: cls(`text-black`, dark('dark:text-white')),
     ...colorsProp,
   };