download fallback when js is disabled

tarikcoskun · Oct 11, 2024 · 8e2d204 · 8e2d204
1 parent ea06a6a
commit 8e2d204
Showing 3 changed files with 10 additions and 8 deletions.
diff --git a/components/Button.module.scss b/components/Button.module.scss
@@ -80,13 +80,13 @@ $colors: (
 .button-group {
   display: flex;
 
-  > :first-child {
+  > :first-child:not(:only-child) {
     flex-grow: 1;
     border-bottom-right-radius: 0;
     border-top-right-radius: 0;
   }
 
-  > :last-child {
+  > :last-child:not(:only-child) {
     border-left: 1px solid rgb(0 0 0 / 0.075);
     border-bottom-left-radius: 0;
     border-top-left-radius: 0;

diff --git a/components/DownloadButton.tsx b/components/DownloadButton.tsx
@@ -23,12 +23,14 @@ export function DownloadButton() {
   return (
     <Dropdown>
       <Button.Group>
-        <Button as="a" href={os ? downloads[os].link : ""} color="surface" leading={OsIcon}>
-          Download for {os || "..."}
+        <Button as="a" href={os ? downloads[os].link : "https://github.com/TagStudioDev/TagStudio/releases/latest"} color="surface" leading={OsIcon}>
+          Download {os ? `for ${os}` : ""}
         </Button>
-        <Dropdown.Trigger color="surface" padding="square" aria-label="Show more options">
-          <Icon lib="lucide" icon="chevron-down" size={16} />
-        </Dropdown.Trigger>
+        {os && (
+          <Dropdown.Trigger color="surface" padding="square" aria-label="Show more options">
+            <Icon lib="lucide" icon="chevron-down" size={16} />
+          </Dropdown.Trigger>
+        )}
       </Button.Group>
 
       <Dropdown.Menu>

diff --git a/components/layout/NavbarDownloadButton.tsx b/components/layout/NavbarDownloadButton.tsx
@@ -25,7 +25,7 @@ export function NavbarDownloadButton() {
   return (
     <Button
       as="a"
-      href={os ? downloads[os].link : ""}
+      href={os ? downloads[os].link : "https://github.com/TagStudioDev/TagStudio/releases"}
       color="surface"
       className={cx("download-button")}
       leading={OsIcon}