fix: buttons

flybywiresim · Oct 31, 2024 · 01a2f04 · 01a2f04
1 parent c1eacef
commit 01a2f04
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/src/components/Downloads/DownloadLinks.tsx b/src/components/Downloads/DownloadLinks.tsx
@@ -1,3 +1,4 @@
+import Link from 'next/link';
 import Button from '../Button/Button';
 
 type DownloadProps = {
@@ -13,8 +14,12 @@ const downloadLinks = ({ stableLink, devLink, aircraft }: DownloadProps) => (
         {stableLink && devLink ? (
             <>
                 <span className="flex gap-x-2.5">
-                    <Button label="Stable" />
-                    <Button theme="secondary" label="Development" />
+                    <Link href={stableLink}>
+                        <Button>Stable</Button>
+                    </Link>
+                    <Link href={devLink}>
+                        <Button theme="secondary">Development</Button>
+                    </Link>
                 </span>
             </>
         ) : (

diff --git a/src/styles/fbw.scss b/src/styles/fbw.scss
@@ -3,6 +3,11 @@
  * v1.0 - CoherentGT compatible - made for TailwindCSS v3.0 with @flybywiresim/tailwind-config v(TBD)
  */
 
+/*
+ * Website mods
+ * - Buttons modified to fit light background
+ */
+
 :root {
     --color-brand-cyan-main: rgb(0, 224, 254);
     --color-brand-cyan-dark: rgb(0, 202, 229);
@@ -62,6 +67,8 @@
             border-color: $borderColorHoverValue;
             @if $textColorHover {
                 color: $background;
+            } @else {
+                color: $borderColorHoverValue;
             }
         }
     }