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>