noxious/spritesheet-generator
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added split tutorial video

Browse Source
This commit is contained in:
Dennis Postma 2025-04-06 04:16:41 +02:00
parent f845644447
commit f457651d62
2 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/tut-split.mp4 Normal file
View File

Binary file not shown.

10
src/components/HelpModal.vue
View File

@ -11,7 +11,7 @@
<!-- Tab Content -->
<div class="flex-1 overflow-auto p-4">
<!-- Video Instructions Tab -->
<div v-if="activeTab === 0" class="h-full flex flex-col">
<div v-if="activeTab === 0" class="h-full flex flex-col space-y-6">
<h3 class="text-lg font-semibold mb-4">Video tutorial</h3>
<div class="flex-1 bg-gray-100 rounded-lg flex items-center justify-center">
<div class="w-full aspect-video max-w-3xl mx-auto">
@ -20,6 +20,14 @@
</video>
</div>
</div>
<h3 class="text-lg font-semibold mb-4">Split spritesheet</h3>
<div class="flex-1 bg-gray-100 rounded-lg flex items-center justify-center">
<div class="w-full aspect-video max-w-3xl mx-auto">
<video controls class="w-full h-full object-contain rounded-lg shadow-md">
<source src="@/assets/tut-split.mp4" type="video/mp4" />
</video>
</div>
</div>
</div>
<!-- About & Instructions Tab -->