From cd22e1779d3714cfebea7991d37a32adec213ec9 Mon Sep 17 00:00:00 2001
From: Nitrrine <43351072+Nitrrine@users.noreply.github.com>
Date: Sat, 19 Aug 2023 01:00:02 +0600
Subject: [PATCH] Add more buttons for finding the Modrinth App (#1312)

* Get the App button

* Get the App button

* Get the app -> Get Modrinth App & Add this button to account dropdown

* Using normal styles instead of inline styles
---
 layouts/default.vue | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/layouts/default.vue b/layouts/default.vue
index ba9a11925..b36babba3 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -94,6 +94,10 @@
                     <SettingsIcon class="icon" />
                     <span class="title">Settings</span>
                   </NuxtLink>
+                  <NuxtLink class="item button-transparent get-the-app" to="/app">
+                    <DownloadIcon class="icon" />
+                    <span class="title">Get Modrinth App</span>
+                  </NuxtLink>
                   <NuxtLink
                     v-if="tags.staffRoles.includes(auth.user.role)"
                     class="item button-transparent"
@@ -330,6 +334,10 @@
         </a>
       </div>
       <div class="buttons">
+        <nuxt-link class="btn btn-outline btn-primary" to="/app">
+          <DownloadIcon aria-hidden="true" />
+          Get Modrinth App
+        </nuxt-link>
         <button class="iconified-button raised-button" @click="changeTheme">
           <MoonIcon v-if="$colorMode.value === 'light'" aria-hidden="true" />
           <SunIcon v-else aria-hidden="true" />
@@ -1153,5 +1161,9 @@ export default defineNuxtComponent({
   gap: 1rem;
   padding: 0.5rem 1rem;
 }
+
+.get-the-app {
+  color: var(--color-brand) !important;
+}
 </style>
 <style src="vue-multiselect/dist/vue-multiselect.css"></style>