Small styling changes, responsiveness modals

This commit is contained in:
2024-06-23 14:10:49 +02:00
parent 2c19d19c41
commit 6215b19b20
5 changed files with 12 additions and 13 deletions

View File

@ -11,7 +11,6 @@
<button class="btn-cyan" @click="zoneEditorStore.setDrawMode('tile')">Decorations</button>
<button class="btn-cyan" @click="zoneEditorStore.setDrawMode('tile')">NPC</button>
</div>
<hr>
<canvas ref="canvas" :width="decorationWidth" :height="decorationHeight" style="display: none"></canvas>
<div class="decorations">
<img v-for="(decoration, index) in decorations" :key="index" :src="decoration" alt="Decoration" @click="zoneEditorStore.setSelectedDecoration(index)" :class="{ selected: zoneEditorStore.selectedDecoration && zoneEditorStore.selectedDecoration === index }" />
@ -111,6 +110,7 @@ onMounted(async () => {
.buttons {
display: flex;
flex-wrap: wrap;
gap: 10px;
}