feat: add custom booru prompt component

Rule-34 · Jul 15, 2020 · 2d39a70 · 2d39a70
1 parent 6f9cbdc
commit 2d39a70
Showing 1 changed file with 18 additions and 1 deletion.
diff --git a/pages/premium.vue b/pages/premium.vue
@@ -2,9 +2,26 @@
 <template>
   <main class="flex h-screen">
     <template v-if="hasValidLicenseKey">
-      <div class="flex flex-col w-full py-4">
+      <div class="flex flex-col w-full container--separator">
         <PremiumDashboard />
 
+        <!-- Custom Booru  -->
+        <div class="flex p-4 material-container text-default-text">
+          <div class="flex-grow">
+            <h1 class="text-lg">Custom Boorus</h1>
+            <p class="text-sm text-default-text-muted">
+              Add or edit compatible boorus
+            </p>
+          </div>
+
+          <nuxt-link
+            class="flex items-center justify-center px-4 rounded-full material-container bg-background"
+            to="/premium/booru"
+          >
+            Modify
+          </nuxt-link>
+        </div>
+
         <!-- Spacer -->
         <div class="flex-grow" />