From d0652e52a5596631f7f63203a9d4e7c6a83a8370 Mon Sep 17 00:00:00 2001
From: Patrick Alvin Alcala <patrick_alv@yahoo.com>
Date: Tue, 26 Aug 2025 16:23:47 +0800
Subject: [PATCH] Edited button component

---
 src/builtin-components/Button/Button.sass |  4 +--
 src/builtin-components/Button/Button.tsx  | 33 ++++++++++++-----------
 2 files changed, 20 insertions(+), 17 deletions(-)

diff --git a/src/builtin-components/Button/Button.sass b/src/builtin-components/Button/Button.sass
index 0e01f21..b2a4d46 100644
--- a/src/builtin-components/Button/Button.sass
+++ b/src/builtin-components/Button/Button.sass
@@ -4,13 +4,13 @@
 .button
   background: vars.$primaryColor
   border: none
-  border-radius: 16px
+  border-radius: 32px
   color: white
   padding: 0.5rem 1.25rem
   text-align: center
   text-decoration: none
   display: inline-block
-  font-size: 0.75rem
+  font-size: 1rem
   font-weight: 700
   cursor: pointer
   transition: all 0.2s ease-out
diff --git a/src/builtin-components/Button/Button.tsx b/src/builtin-components/Button/Button.tsx
index 33adc78..5a4611a 100644
--- a/src/builtin-components/Button/Button.tsx
+++ b/src/builtin-components/Button/Button.tsx
@@ -2,22 +2,25 @@ import './Button.sass'
 import { Show } from 'solid-js'
 
 interface Props {
-  label?: string;
-  to?: string;
-  onClick?: () => void;
+  label?: string
+  to?: string
+  onClick?: () => void
 }
 
 export default (props: Props) => {
-  return
-  <>
-    <Show when={props.to}>
-      <a href={props.to} aria-label={props.label}>
-        <button class="button">{props.label || 'Click Me!'}</button>
-      </a>
-    </Show>
+  return (
+    <>
+      <Show when={props.to}>
+        <a href={props.to} aria-label={props.label}>
+          <button class="button">{props.label || 'Click Me!'}</button>
+        </a>
+      </Show>
 
-    <Show when={!props.to}>
-      <button class="button" onClick={props.onClick}>{props.label || 'Click Me!'}</button>
-    </Show>
-  </>
-}
\ No newline at end of file
+      <Show when={!props.to}>
+        <button class="button" onClick={props.onClick}>
+          {props.label || 'Click Me!'}
+        </button>
+      </Show>
+    </>
+  )
+}