improve mobile button

thewh1teagle · Jun 5, 2024 · 8ea01d9 · 8ea01d9
1 parent f440e33
commit 8ea01d9
Showing 1 changed file with 10 additions and 7 deletions.
diff --git a/landing/src/components/Cta.svelte b/landing/src/components/Cta.svelte
@@ -77,13 +77,16 @@
 
 <div class="flex gap-3 flex-col lg:flex-row">
 	{#if asset?.platform.toLowerCase() === 'macos'}
-		<button on:mousedown={ctaClick} class="btn btn-primary hidden lg:flex">
-			<MacIcon />
-			{t('download-for')}{asset?.platform}
-		</button>
-		<button on:mousedown={ctaClick} class="btn btn-primary lg:hidden">
-			{t('download')}
-		</button>
+		{#if isMobile}
+			<button on:mousedown={ctaClick} class="btn btn-primary">
+				{t('download')}
+			</button>
+		{:else}
+			<button on:mousedown={ctaClick} class="btn btn-primary hidden lg:flex">
+				<MacIcon />
+				{t('download-for')}{asset?.platform}
+			</button>
+		{/if}
 	{:else}
 		<a href={asset?.url} class="btn btn-primary hidden md:flex">
 			{#if asset?.platform.toLowerCase() === 'linux'}