Something went wrong. Try again.
Something went wrong. Try again.
4.9 kB · 171 lines
Vue
at main
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172<script lang="ts" setup>import FontChange from "@/components/FontChange.vue"import HomeButton from "@/components/HomeButton.vue"
defineProps<{ user: string; repo: string }>()</script>
<template> <header class="header-note"> <home-button /> <!-- <router-link :to="{ name: 'SpacedRepetitionCard', params: { user, repo } }" > <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-id" width="36" height="36" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" > <path stroke="none" d="M0 0h24v24H0z" fill="none" /> <rect x="3" y="4" width="18" height="16" rx="3" /> <circle cx="9" cy="10" r="2" /> <line x1="15" y1="8" x2="17" y2="8" /> <line x1="15" y1="12" x2="17" y2="12" /> <line x1="7" y1="16" x2="17" y2="16" /> </svg> </router-link> -->
<button class="btn btn-ghost btn-circle text-base-content" onclick="font_modal.showModal()" > <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icons-tabler-outline icon-tabler-typography" width="30" height="30" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" > <path d="M4 20l3 0" /> <path d="M14 20l7 0" /> <path d="M6.9 15l6.9 0" /> <path d="M10.2 6.3l5.8 13.7" /> <path d="M5 20l6 -16l2 0l7 16" /> </svg> </button> <router-link class="btn btn-ghost btn-circle" :to="{ name: 'FluxNoteView', params: { user, repo } }" > <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" stroke="currentColor" fill="none" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" > <path d="M5 12l-2 0l9 -9l9 9l-2 0" /> <path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /> <path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /> </svg> </router-link> <router-link class="btn btn-ghost btn-circle" :to="{ name: 'DraftNotes', params: { user, repo } }" > <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-notes" width="30" height="30" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" > <rect x="5" y="3" width="14" height="18" rx="2" /> <line x1="9" y1="7" x2="15" y2="7" /> <line x1="9" y1="11" x2="15" y2="11" /> <line x1="9" y1="15" x2="13" y2="15" /> </svg> </router-link> <router-link class="btn btn-ghost btn-circle" :to="{ name: 'TodoNotes', params: { user, repo } }" > <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-list-check" > <path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M3.5 5.5l1.5 1.5l2.5 -2.5" /> <path d="M3.5 11.5l1.5 1.5l2.5 -2.5" /> <path d="M3.5 17.5l1.5 1.5l2.5 -2.5" /> <path d="M11 6l9 0" /> <path d="M11 12l9 0" /> <path d="M11 18l9 0" /> </svg> </router-link> <router-link class="btn btn-ghost btn-circle" :to="{ name: 'FleetingNotes', params: { user, repo } }" > <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-mailbox" width="30" height="30" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" > <path d="M10 21v-6.5a3.5 3.5 0 0 0 -7 0v6.5h18v-6a4 4 0 0 0 -4 -4h-10.5" /> <path d="M12 11v-8h4l2 2l-2 2h-4" /> <path d="M6 15h1" /> </svg> </router-link> <dialog id="font_modal" class="modal"> <div class="modal-box w-10/12 max-w-2xl"> <h3 class="text-lg font-bold">Style settings</h3> <font-change /> </div> <form method="dialog" class="modal-backdrop"> <button></button> </form> </dialog> </header></template>
<style scoped lang="scss">.header-note { display: flex; align-items: center; justify-content: space-between; margin-top: 10px;
button { color: var(--color-accent); }}</style>