Size of button

UoaWDCC · Sep 25, 2024 · e4ae528 · e4ae528
1 parent 84ea31f
commit e4ae528
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/frontend2/components/Shared/Event/ASPAButton/AspaButton.module.css b/frontend2/components/Shared/Event/ASPAButton/AspaButton.module.css
@@ -1,3 +1,17 @@
+.testbutton {
+    cursor: pointer;
+    vertical-align: middle;
+    outline: none;
+    color: black;
+    background-color: var(--mantine-color-aspa-orange-5);
+
+    /* Control Size of Button */
+    font-size: 2vw;
+    height: 4vw;
+    width: 30vw;
+    border-radius: 1vw;
+}
+
 /* .newbutton {
     box-sizing: border-box;
     font-weight: 600;

diff --git a/frontend2/components/Shared/Event/ASPAButton/AspaButton.tsx b/frontend2/components/Shared/Event/ASPAButton/AspaButton.tsx
@@ -8,7 +8,7 @@ interface AspaButtonProps {
 
 const AspaButton: React.FC<AspaButtonProps> = ({ children }) => {
     return (
-        <Button className={styles.newbutton}>{children}</Button> // Use children in the button
+        <Button className={styles.testbutton}>{children}</Button>
     );
 };