root/spritesheet-generator
2
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[FEAT] Menu improvements

Browse Source
This commit is contained in:
root
2026-01-02 01:09:23 +01:00
parent 79f9e3f7b2
commit 68d15721ea
4 changed files with 81 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/components/layout/navbar/NavbarSocials.vue
View File

@@ -1,20 +1,27 @@
<template>
<div class="flex items-center gap-3">
<a href="https://gitea.adhd.sh/root/spritesheet-generator" target="_blank" rel="noopener noreferrer" class="text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white transition-colors" title="Source Code">
<i class="fab fa-github text-lg"></i>
</a>
<a href="https://discord.gg/JTev3nzeDa" target="_blank" rel="noopener noreferrer" class="text-gray-500 hover:text-[#5865F2] dark:text-gray-400 dark:hover:text-[#5865F2] transition-colors" title="Discord Community">
<i class="fab fa-discord text-lg"></i>
</a>
<button @click="$emit('open-help')" class="text-gray-500 hover:text-indigo-600 dark:text-gray-400 dark:hover:text-indigo-400 transition-colors" title="Help">
<i class="fas fa-question-circle text-lg"></i>
</button>
<Tooltip text="Source Code">
<a href="https://gitea.adhd.sh/root/spritesheet-generator" target="_blank" rel="noopener noreferrer" class="text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white transition-colors">
<i class="fab fa-github text-lg"></i>
</a>
</Tooltip>
<Tooltip text="Discord Community">
<a href="https://discord.gg/JTev3nzeDa" target="_blank" rel="noopener noreferrer" class="text-gray-500 hover:text-[#5865F2] dark:text-gray-400 dark:hover:text-[#5865F2] transition-colors">
<i class="fab fa-discord text-lg"></i>
</a>
</Tooltip>
<Tooltip text="Help">
<button @click="$emit('open-help')" class="text-gray-500 hover:text-indigo-600 dark:text-gray-400 dark:hover:text-indigo-400 transition-colors">
<i class="fas fa-question-circle text-lg"></i>
</button>
</Tooltip>
<DarkModeToggle />
</div>
</template>
<script setup lang="ts">
import DarkModeToggle from '../../utilities/DarkModeToggle.vue';
import Tooltip from '../../utilities/Tooltip.vue';
defineEmits(['open-help']);
</script>