Fixed login issue on mobile

elrumo · May 15, 2021 · e88ed88 · e88ed88 · vercel · May 15, 2021
1 parent 96af921
commit e88ed88
Showing 1 changed file with 19 additions and 9 deletions.
diff --git a/website/macos-big-sur-icons/src/components/Hero.vue b/website/macos-big-sur-icons/src/components/Hero.vue
@@ -55,11 +55,11 @@
           <div class="d-inline-block mobile-hidden">
             <button
               v-if="!getUser.isAuth"
+              @click="showDialog('loginDialog')"
               is="coral-button"
               variant="cta"
-              @click="showDialog('loginDialog')"
             >
-              <span>Sign up/in</span>
+              <span>Sign in/up</span>
             </button>
 
             <button
@@ -91,26 +91,36 @@
           <!-- Mobile Buttons -->
           <div class="d-inline-block desktop-hidden">
             <button
+              v-if="!getUser.isAuth"
+              @click="showDialog('loginDialog')"
               is="coral-button"
               variant="cta"
-              @click="showDialog(submitIconDialog)"
             >
               <span>Sign in/up</span>
             </button>
 
+            <button
+              v-else
+              @click="showDialog(submitIconDialog)"
+              is="coral-button"
+              variant="cta"
+            >
+              <span>Submit icons</span>
+            </button>
+
             <a
               rel="noopener"
               class="m-l-20"
               target="_blank"
               href="https://www.paypal.com/donate/?hosted_button_id=5PMNX4DPW83KN"
               @click="logDonation('header')"
             >
-                <button
-                    is="coral-button"
-                    variant="quiet"
-                >
-                    <span>Buy me a coffee</span>
-                </button>
+              <button
+                  is="coral-button"
+                  variant="quiet"
+              >
+                <span>Donate</span>
+              </button>
             </a>
           </div>