image frontend fix

This commit is contained in:
2026-05-05 23:06:05 +02:00
parent a473657806
commit dd9afd3082
2 changed files with 4 additions and 4 deletions
@@ -27,8 +27,8 @@
<!-- Sidebar Info -->
<div class="lg:col-span-1 space-y-6">
<div class="bg-white rounded-3xl shadow-xl p-8 border border-gray-100">
<div v-if="software.imageUrl" class="mb-6">
<img :src="software.imageUrl" :alt="software.title" class="w-full rounded-2xl object-cover shadow-sm" />
<div v-if="software.imageUrl" class="mb-6 flex justify-center">
<img :src="software.imageUrl" :alt="software.title" class="max-h-48 w-auto object-contain border-4 border-gray-100 shadow-sm" />
</div>
<h2 class="text-xl font-bold text-gray-900 mb-6 flex items-center gap-2">
<span class="text-purple-600"></span> Project Info
+2 -2
View File
@@ -323,10 +323,10 @@ onUnmounted(() => {
@apply px-8 py-4 bg-indigo-500/10 text-white border border-indigo-400/30 font-bold rounded-xl transition-all hover:bg-indigo-500/20;
}
.featured-image-panel {
@apply flex-shrink-0 w-full md:w-64 lg:w-80 overflow-hidden;
@apply flex-shrink-0 flex items-center justify-center p-6 md:p-8;
}
.featured-image {
@apply w-full h-full object-cover opacity-80 group-hover:opacity-100 transition-opacity;
@apply max-h-48 w-auto object-contain border-4 border-white shadow-xl opacity-90 group-hover:opacity-100 transition-opacity;
}
.featured-version-badge {
@apply px-2 py-0.5 rounded text-[10px] font-bold bg-white/10 text-white/70 border border-white/20;