sai / toolbar.vue
gitdeem's picture
Upload 8 files
34d42e2 verified
raw
history blame contribute delete
931 Bytes
<script setup lang="ts">
import { RiSettingsLine, RiGithubLine } from '@remixicon/vue';
type Emit = {
(e: 'show'): void;
}
const emits = defineEmits<Emit>();
</script>
<script lang="ts">
export default {
name: 'ToolBar'
};
</script>
<template>
<div class="fixed bottom-1/3 right-4 z-50 flex flex-col items-center justify-center gap-4">
<div class="flex w-9 justify-center gap-2 rounded-xl bg-gray-200 p-1 shadow-lg dark:bg-gray-600">
<t-button href="https://deem.love" target="_blank" shape="circle" theme="default">
<template #icon> <RiGithubLine /></template>
</t-button>
</div>
<div class="flex w-9 justify-center gap-2 rounded-xl bg-gray-200 p-1 shadow-lg dark:bg-gray-600">
<t-button shape="circle" theme="default" @click="emits('show')">
<template #icon> <RiSettingsLine /></template>
</t-button>
</div>
</div>
</template>