From 47474b3d9700b9b1a145953b60389fdcd058cf13 Mon Sep 17 00:00:00 2001
From: Colin Kallemein <cakallemein@gmail.com>
Date: Wed, 24 Jul 2024 23:50:20 +0200
Subject: [PATCH] Fixed paddings on list buttons
---
.../utilities/assetManager/partials/object/ObjectList.vue | 2 +-
.../assetManager/partials/sprite/SpriteDetails.vue | 6 +++---
.../utilities/assetManager/partials/sprite/SpriteList.vue | 2 +-
.../utilities/assetManager/partials/tile/TileList.vue | 2 +-
4 files changed, 6 insertions(+), 6 deletions(-)
diff --git a/src/components/utilities/assetManager/partials/object/ObjectList.vue b/src/components/utilities/assetManager/partials/object/ObjectList.vue
index 09ab2ef..a67ea67 100644
--- a/src/components/utilities/assetManager/partials/object/ObjectList.vue
+++ b/src/components/utilities/assetManager/partials/object/ObjectList.vue
@@ -1,7 +1,7 @@
<template>
<div class="relative p-2.5 flex items-center gap-x-2.5">
<input v-model="searchQuery" class="input-cyan flex-grow" placeholder="Search..." @input="handleSearch" />
- <label for="upload-asset" class="bg-cyan/50 border border-solid border-white/25 rounded drop-shadow-20 p-1.5 inline-flex items-center justify-center hover:bg-cyan hover:cursor-pointer w-6 h-6">
+ <label for="upload-asset" class="bg-cyan/50 border border-solid border-white/25 rounded drop-shadow-20 p-2 inline-flex items-center justify-center hover:bg-cyan hover:cursor-pointer">
<input class="hidden" id="upload-asset" ref="objectUploadField" type="file" accept="image/png" multiple @change="handleFileUpload" />
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4" />
diff --git a/src/components/utilities/assetManager/partials/sprite/SpriteDetails.vue b/src/components/utilities/assetManager/partials/sprite/SpriteDetails.vue
index 8b7c67c..714dfac 100644
--- a/src/components/utilities/assetManager/partials/sprite/SpriteDetails.vue
+++ b/src/components/utilities/assetManager/partials/sprite/SpriteDetails.vue
@@ -6,8 +6,8 @@
<input v-model="spriteName" class="input-cyan w-full" type="text" name="name" placeholder="New sprite" />
</div>
<div class="flex gap-2 w-full sm:w-auto">
- <button class="btn-cyan px-4 py-1.5 flex-1 sm:flex-none sm:min-w-24" type="button" @click.prevent="saveSprite">Save</button>
- <button class="btn-bordeaux px-4 py-1.5 flex-1 sm:flex-none sm:min-w-24" type="button" @click.prevent="removeSprite">Remove</button>
+ <button class="btn-cyan px-4 py-2 flex-1 sm:flex-none sm:min-w-24" type="button" @click.prevent="saveSprite">Save</button>
+ <button class="btn-bordeaux px-4 py-2 flex-1 sm:flex-none sm:min-w-24" type="button" @click.prevent="removeSprite">Remove</button>
</div>
</div>
<div class="w-full h-px bg-cyan-200"></div>
@@ -19,7 +19,7 @@
<div class="flex items-center">
{{ image.name }}
<div class="ml-auto flex gap-2">
- <label for="upload-asset" class="text-sm bg-cyan/50 border border-solid border-white/25 rounded drop-shadow-20 p-1.5 inline-flex items-center justify-center hover:bg-cyan hover:cursor-pointer">
+ <label for="upload-asset" class="text-sm bg-cyan/50 border border-solid border-white/25 rounded drop-shadow-20 px-4 py-1.5 inline-flex items-center justify-center hover:bg-cyan hover:cursor-pointer">
<input class="hidden" id="upload-asset" type="file" accept="image/png" @change="(event) => handleImageUpload(event, image)" />
Set image
</label>
diff --git a/src/components/utilities/assetManager/partials/sprite/SpriteList.vue b/src/components/utilities/assetManager/partials/sprite/SpriteList.vue
index 3200b78..e592487 100644
--- a/src/components/utilities/assetManager/partials/sprite/SpriteList.vue
+++ b/src/components/utilities/assetManager/partials/sprite/SpriteList.vue
@@ -1,7 +1,7 @@
<template>
<div class="relative p-2.5 flex items-center gap-x-2.5">
<input v-model="searchQuery" class="input-cyan flex-grow" placeholder="Search..." @input="handleSearch" />
- <button @click.prevent="newButtonClickHandler" class="bg-cyan/50 border border-solid border-white/25 rounded drop-shadow-20 p-1.5 inline-flex items-center justify-center hover:bg-cyan hover:cursor-pointer w-9 h-9">
+ <button @click.prevent="newButtonClickHandler" class="bg-cyan/50 border border-solid border-white/25 rounded drop-shadow-20 p-2 inline-flex items-center justify-center hover:bg-cyan hover:cursor-pointer">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4" />
</svg>
diff --git a/src/components/utilities/assetManager/partials/tile/TileList.vue b/src/components/utilities/assetManager/partials/tile/TileList.vue
index 0fcb043..6c03e6b 100644
--- a/src/components/utilities/assetManager/partials/tile/TileList.vue
+++ b/src/components/utilities/assetManager/partials/tile/TileList.vue
@@ -1,7 +1,7 @@
<template>
<div class="relative p-2.5 flex items-center gap-x-2.5">
<input v-model="searchQuery" class="input-cyan flex-grow" placeholder="Search..." @input="handleSearch" />
- <label for="upload-asset" class="bg-cyan/50 border border-solid border-white/25 rounded drop-shadow-20 p-1.5 inline-flex items-center justify-center hover:bg-cyan hover:cursor-pointer w-6 h-6">
+ <label for="upload-asset" class="bg-cyan/50 border border-solid border-white/25 rounded drop-shadow-20 p-2 inline-flex items-center justify-center hover:bg-cyan hover:cursor-pointer">
<input class="hidden" id="upload-asset" ref="tileUploadField" type="file" accept="image/png" multiple @change="handleFileUpload" />
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4" />