Add Docker deploy for Dokploy and fix the home banner template.
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -70,6 +70,12 @@ let bannerTimer: number | undefined
|
||||
|
||||
const banner = computed(() => banners.value[bannerIndex.value] ?? FALLBACK_BANNER)
|
||||
|
||||
const heroStyle = computed(() => {
|
||||
const image = banner.value.imageUrl
|
||||
if (!image) return undefined
|
||||
return { '--hero-image': `url("${image}")` }
|
||||
})
|
||||
|
||||
function startBannerRotation() {
|
||||
stopBannerRotation()
|
||||
if (banners.value.length < 2) return
|
||||
@@ -193,7 +199,7 @@ async function toggleFavorite(productId: string) {
|
||||
<section
|
||||
class="hero-banner"
|
||||
:aria-label="banner.title"
|
||||
:style="banner.imageUrl ? { '--hero-image': `url(\"${banner.imageUrl}\")` } : undefined"
|
||||
:style="heroStyle"
|
||||
>
|
||||
<div class="hero-banner__content">
|
||||
<h2 class="hero-banner__title">
|
||||
|
||||
Reference in New Issue
Block a user