fix: icon minwidth

island-is · Dec 19, 2024 · eb57c0f · eb57c0f
1 parent eabea45
commit eb57c0f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/libs/island-ui/core/src/lib/InfoCardGrid/DetailedInfoCard.tsx b/libs/island-ui/core/src/lib/InfoCardGrid/DetailedInfoCard.tsx
@@ -15,6 +15,7 @@ import { isDefined } from '@island.is/shared/utils'
 import { BaseProps } from './InfoCard'
 import { ActionCardProps } from '../ActionCard/types'
 
+import * as styles from './InfoCard.css'
 const eyebrowColor = 'blueberry600'
 
 export type DetailedProps = BaseProps & {
@@ -66,13 +67,13 @@ export const DetailedInfoCard = ({
               display="flex"
               flexDirection={'row'}
               alignItems="center"
+              className={styles.iconBox}
             >
               <Icon
                 icon={d.icon}
                 size="medium"
                 type="outline"
                 color="blue400"
-                useStroke
               />
               <Box marginLeft={2}>
                 <Text variant="medium">{d.text}</Text>

diff --git a/libs/island-ui/core/src/lib/InfoCardGrid/InfoCard.css.ts b/libs/island-ui/core/src/lib/InfoCardGrid/InfoCard.css.ts
@@ -1,4 +1,4 @@
-import { style } from '@vanilla-extract/css'
+import { globalStyle, style } from '@vanilla-extract/css'
 
 export const infoCardSmall = style({
   maxWidth: 310,
@@ -18,3 +18,9 @@ export const infoCardWide = style({
 export const wideTitleBox = style({
   flexGrow: 2,
 })
+
+export const iconBox = style({})
+
+globalStyle(`${iconBox} > svg`, {
+  minWidth: 24,
+})