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

Close icon

Browse Source
This commit is contained in:
Dennis Postma 2025-04-05 22:48:01 +02:00
parent a61c7db33f
commit d323355451
2 changed files with 5 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/assets/images/close-icon.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-gray-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 233 B

10
src/components/utilities/Modal.vue
View File

@ -16,9 +16,7 @@
<div class="flex justify-between items-center p-4 border-b border-gray-100 cursor-move" @mousedown="startDrag" @touchstart="startDrag">
<h3 class="text-2xl font-semibold text-gray-900">{{ title }}</h3>
<button @click="close" class="p-2 hover:bg-gray-100 rounded-lg transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-gray-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
</svg>
<img src="@/assets/images/close-icon.svg" class="w-5 h-5" alt="Close" />
</button>
</div>
@ -28,11 +26,7 @@
</div>
<!-- Resize handle -->
<div class="absolute bottom-0 right-0 w-4 h-4 cursor-se-resize" @mousedown="startResize" @touchstart="startResize">
<svg viewBox="0 0 24 24" class="w-4 h-4 text-gray-400">
<path fill="currentColor" d="M22 22H20V20H22V22ZM22 20H20V18H22V20ZM20 22H18V20H20V22ZM18 22H16V20H18V22Z" />
</svg>
</div>
<div class="absolute bottom-0 right-0 w-5 h-5 cursor-se-resize" @mousedown="startResize" @touchstart="startResize"></div>
</div>
</div>
</Teleport>