add inbrowser.app in navbar

InBrowserApp · Oct 15, 2023 · b19cc89 · b19cc89
1 parent 833dd7d
commit b19cc89
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 0 deletions.
diff --git a/src/components/header/nav/HeaderNav.vue b/src/components/header/nav/HeaderNav.vue
@@ -1,11 +1,16 @@
 <template>
   <nav class="header-nav">
     <NavGitHub />
+    <n-divider vertical />
+    <NavInBrowserApp />
   </nav>
 </template>
 
 <script lang="ts" setup>
+import { NDivider } from "naive-ui";
+
 import NavGitHub from "./NavGitHub.vue";
+import NavInBrowserApp from "./NavInBrowserApp.vue";
 </script>
 
 <style scoped>

diff --git a/src/components/header/nav/NavInBrowserApp.vue b/src/components/header/nav/NavInBrowserApp.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>