From 6246ca91912dcda75751efac623143b8fb07f101 Mon Sep 17 00:00:00 2001
From: ItzNotABug <itznotabug@gmail.com>
Date: Tue, 1 Oct 2024 17:22:20 +0530
Subject: [PATCH] fix: button not showing at 768px breakpoint.

---
 .../database-[database]/backups/upgradeCard.svelte | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/routes/(console)/project-[project]/databases/database-[database]/backups/upgradeCard.svelte b/src/routes/(console)/project-[project]/databases/database-[database]/backups/upgradeCard.svelte
index 532f42bf2..a49d15f4b 100644
--- a/src/routes/(console)/project-[project]/databases/database-[database]/backups/upgradeCard.svelte
+++ b/src/routes/(console)/project-[project]/databases/database-[database]/backups/upgradeCard.svelte
@@ -100,7 +100,7 @@
                 <Button
                     fullWidthMobile
                     external={!isCloud}
-                    class="is-only-mobile u-margin-block-start-32"
+                    class="is-only-mobile-button u-margin-block-start-32"
                     href={isCloud ? $upgradeURL : 'https://cloud.appwrite.io/register'}>
                     {isCloud ? 'Upgrade plan' : 'Sign up'}
                 </Button>
@@ -114,13 +114,23 @@
         display: none;
     }
 
+    :global(.is-only-mobile-button) {
+        display: none;
+    }
+
     @media (min-width: 768px) {
         .upgrade-description {
             padding-inline-end: 16ch;
         }
     }
 
-    @media (min-width: 525px) and (max-width: 768px) {
+    @media (max-width: 767.99px) {
+        :global(.is-only-mobile-button) {
+            display: flex;
+        }
+    }
+
+    @media (min-width: 525px) and (max-width: 767.99px) {
         .is-tablet {
             display: block;
         }