add inbrowser.app link in header

lookscanned · Oct 25, 2023 · 0731f4e · 0731f4e
1 parent 334663c
commit 0731f4e
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 2 deletions.
diff --git a/src/components/Misc/TheIndexViewHead.vue b/src/components/Misc/TheIndexViewHead.vue
@@ -9,12 +9,14 @@
       {{ t("base.description") }}
     </n-p>
 
+    <NavigateToScan />
+
     <n-grid :x-gap="20" :y-gap="0" :cols="2">
       <n-grid-item>
-        <NavigateToScan />
+        <NavigateToGitHub />
       </n-grid-item>
       <n-grid-item>
-        <NavigateToGitHub />
+        <NavigateToInBrowserApp />
       </n-grid-item>
     </n-grid>
   </n-space>
@@ -24,6 +26,7 @@
 import { NH1, NP, NSpace, NGrid, NGridItem } from "naive-ui";
 import NavigateToScan from "@/components/buttons/NavigateToScan.vue";
 import NavigateToGitHub from "@/components/buttons/NavigateToGitHub.vue";
+import NavigateToInBrowserApp from "@/components/buttons/NavigateToInBrowserApp.vue";
 
 import { useI18n } from "vue-i18n";
 

diff --git a/src/components/buttons/NavigateToInBrowserApp.vue b/src/components/buttons/NavigateToInBrowserApp.vue
@@ -0,0 +1,15 @@
+<template>
+  <n-button text tag="a" href="https://inbrowser.app" target="_blank">
+    <template #icon>
+      <n-icon>
+        <Box16Regular />
+      </n-icon>
+    </template>
+    InBrowser.App
+  </n-button>
+</template>
+
+<script setup lang="ts">
+import { NButton, NIcon } from "naive-ui";
+import { Box16Regular } from "@vicons/fluent";
+</script>