21 lines
662 B
Vue
21 lines
662 B
Vue
<script setup lang="ts">
|
|
// "New", bottom right.
|
|
// The list opens with NotesDrawer (mobile) and NotesSidebarHandle (desktop).
|
|
const { creating, createAndOpen } = useNewNote()
|
|
</script>
|
|
|
|
<template>
|
|
<div class="pointer-events-none fixed inset-x-0 bottom-0 z-40 flex justify-end px-4 pb-[max(1rem,env(safe-area-inset-bottom))] md:px-6 md:pb-6">
|
|
<UTooltip text="New note" :kbds="['meta', 'alt', 'n']">
|
|
<UButton
|
|
icon="i-lucide-square-pen"
|
|
label="New"
|
|
size="lg"
|
|
class="pointer-events-auto rounded-full px-5 shadow-lg"
|
|
:loading="creating"
|
|
@click="createAndOpen"
|
|
/>
|
|
</UTooltip>
|
|
</div>
|
|
</template>
|