Merge pull request #12 from computas/implement-button

fix(button): incorrect height on large buttons
computas · Dec 2, 2024 · 56db334 · 56db334
2 parents f5268ab + 81f3fb1
commit 56db334
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/button/button.css b/src/components/button/button.css
@@ -98,7 +98,7 @@
 }
 
 .cx-btn__lg {
-  padding: var(--cx-spacing-5) var(--cx-spacing-8);
+  padding: var(--cx-spacing-6) var(--cx-spacing-8);
   font-size: 1.125rem;
 }
 

diff --git a/src/components/button/button.stories.ts b/src/components/button/button.stories.ts
@@ -36,7 +36,7 @@ export const Danger: StoryObj = {
 export const Icon: StoryObj = {
   render: () => html`
     <button class="cx-btn__danger cx-btn__lg cx-btn__icon cx-mr-6">
-  <div style="width: 24px; height: 24px; border: 1px solid black"></div>
+  <div style="width: 32px; height: 32px; border: 1px solid black"></div>
 </button>
 <button class="cx-btn__danger cx-btn__icon cx-mr-6">
   <div style="width: 24px; height: 24px; border: 1px solid black"></div>