From b6d2e730876a1fcffd09ce97e39e1896043df354 Mon Sep 17 00:00:00 2001
From: Alissa Cheng <cheng@astron.nl>
Date: Mon, 26 Feb 2024 15:50:44 +0100
Subject: [PATCH] fix: define icon width and height
---
src/components/Button.tsx | 9 ++++++++-
src/stories/Icon.stories.ts | 1 +
2 files changed, 9 insertions(+), 1 deletion(-)
diff --git a/src/components/Button.tsx b/src/components/Button.tsx
index 0e625d1..677b4e0 100644
--- a/src/components/Button.tsx
+++ b/src/components/Button.tsx
@@ -42,7 +42,14 @@ const Button = ({
return (
<NextButton
- startContent={icon && <Icon name={icon} customClass={iconClass} />}
+ startContent={
+ icon && (
+ <Icon
+ name={icon}
+ customClass={clsx(iconClass, "w-[16px] h-[16px]")}
+ />
+ )
+ }
className={clsx(
bgClass(isDisabled),
cursorPointer(isDisabled),
diff --git a/src/stories/Icon.stories.ts b/src/stories/Icon.stories.ts
index 8bcbf5d..4d6294a 100644
--- a/src/stories/Icon.stories.ts
+++ b/src/stories/Icon.stories.ts
@@ -17,5 +17,6 @@ export const SimpleIcon: StoryObj = {
args: {
name: "attention-circle",
color: "body",
+ customClass: "w-[16px] h-[16px]",
},
};
--
GitLab