feat(ui-core): mobile error should also have border (#16743)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
island-is · Nov 26, 2024 · 5759673 · 5759673
1 parent ae25085
commit 5759673
Showing 1 changed file with 15 additions and 27 deletions.
diff --git a/libs/island-ui/core/src/lib/ProblemTemplate/ProblemTemplate.css.ts b/libs/island-ui/core/src/lib/ProblemTemplate/ProblemTemplate.css.ts
@@ -4,42 +4,30 @@ import { recipe } from '@vanilla-extract/recipes'
 
 export const problemTemplateContainer = recipe({
   base: {
-    ...themeUtils.responsiveStyle({
-      md: {
-        borderWidth: theme.border.width.standard,
-        borderRadius: theme.border.radius.xl,
-      },
-    }),
+    borderWidth: theme.border.width.standard,
+    borderRadius: theme.border.radius.xl,
   },
   variants: {
     red: {
-      true: themeUtils.responsiveStyle({
-        md: {
-          borderColor: theme.color.red200,
-        },
-      }),
+      true: {
+        borderColor: theme.color.red200,
+      },
     },
     blue: {
-      true: themeUtils.responsiveStyle({
-        md: {
-          borderColor: theme.color.blue200,
-        },
-      }),
+      true: {
+        borderColor: theme.color.blue200,
+      },
     },
     yellow: {
-      true: themeUtils.responsiveStyle({
-        md: {
-          borderColor: theme.color.yellow400,
-        },
-      }),
+      true: {
+        borderColor: theme.color.yellow400,
+      },
     },
     noBorder: {
-      true: themeUtils.responsiveStyle({
-        md: {
-          borderWidth: 0,
-          borderRadius: 0,
-        },
-      }),
+      true: {
+        borderWidth: 0,
+        borderRadius: 0,
+      },
     },
   },
 })