From 52876b63a8bcf44d04cb0a08c772a573b39c7e14 Mon Sep 17 00:00:00 2001
From: VIktorGrev <viktog2210@gmail.com>
Date: Fri, 3 May 2024 19:34:35 +0200
Subject: [PATCH] fix: Fixing overrun on img
---
src/components/Settings/SettingsProfile.vue | 5 ++---
1 file changed, 2 insertions(+), 3 deletions(-)
diff --git a/src/components/Settings/SettingsProfile.vue b/src/components/Settings/SettingsProfile.vue
index f42d54b..a8575a1 100644
--- a/src/components/Settings/SettingsProfile.vue
+++ b/src/components/Settings/SettingsProfile.vue
@@ -207,8 +207,7 @@ onMounted(() => {
<div v-for="banner in banners" :key="banner.id" class="card text-center banner justify-content-center d-flex align-items-center" @click="selectItem(banner.id)"
:class="{ 'selected-banner': banner.id === selectedBannerId }" data-bs-toggle="tooltip"
data-bs-placement="top" data-bs-custom-class="custom-tooltip" :data-bs-title="banner.criteria">
- <img :src="apiUrl + `/api/images/${banner.imageId}`" class="card-img-top" alt="Banner" style="width: 100px; height: 100px" />
- <h5 class="card-title">{{ selectedBanner }}</h5>
+ <img :src="apiUrl + `/api/images/${banner.imageId}`" class="card-img-top" :class="{ 'selected-banner': banner.id === selectedBanner }" alt="Banner" style="width: 200px; height: 100px" @click="selectItem(banner.imageId)" />
</div>
</div>
<div v-else>
@@ -251,7 +250,7 @@ onMounted(() => {
}
.selected-banner {
- border: 2px solid #1a81b5;
+ border: 4px solid #27da47;
display: flex;
}
--
GitLab