feat(premium): add link to login

Rule-34 · Jun 19, 2023 · 2ce47a0 · 2ce47a0
1 parent 592562d
commit 2ce47a0
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 4 deletions.
diff --git a/pages/posts.vue b/pages/posts.vue
@@ -383,13 +383,13 @@
   <!-- Search -->
   <SafeTeleport to="#navbar-actions">
     <button
-      class="focus-visible:focus-util hover:hover-bg-util relative rounded-lg px-2 py-1.5"
+      class="focus-visible:focus-util hover:hover-bg-util hover:hover-text-util relative rounded-lg px-2 py-1.5"
       type="button"
       @click="toggleSearchMenu()"
     >
       <span class="sr-only">Search posts</span>
 
-      <MagnifyingGlassIcon class="hover:hover-text-util h-6 w-6 text-base-content-highlight" />
+      <MagnifyingGlassIcon class="h-6 w-6 text-base-content-highlight" />
 
       <!-- Highlighter -->
       <span

diff --git a/pages/premium/index.vue b/pages/premium/index.vue
@@ -1,6 +1,7 @@
 <script lang="ts" setup>
   import { CheckIcon } from '@heroicons/vue/20/solid'
   import { InformationCircleIcon } from '@heroicons/vue/24/outline'
+  import { ArrowRightOnRectangleIcon } from '@heroicons/vue/24/solid'
   import { completeBooruList } from 'assets/lib/rule-34-shared-resources/src/util/BooruUtils'
 
   const mainFeatures = [
@@ -28,9 +29,20 @@
 </script>
 
 <template>
-  <main class="flex-1">
-    <!-- TODO: Sign in -->
+  <!-- Sign in -->
+  <!-- TODO: Make more obvious? -->
+  <SafeTeleport to="#navbar-actions">
+    <NuxtLink
+      class="focus-visible:focus-util hover:hover-bg-util hover:hover-text-util relative rounded-lg px-2 py-1.5"
+      href="/premium/sign-in"
+    >
+      <span class="sr-only">Sign in</span>
+
+      <ArrowRightOnRectangleIcon class="h-6 w-6 text-base-content-highlight" />
+    </NuxtLink>
+  </SafeTeleport>
 
+  <main class="flex-1">
     <!-- Pricing -->
     <section class="isolate overflow-hidden">
       <div class="flow-root overflow-hidden py-16 sm:pt-32 lg:pb-0">