dimitar/spomeni
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

img fix applyed

Browse Source
This commit is contained in:
echo 2026-06-22 02:34:32 +02:00
parent 5aeb5a0db2
commit ef3643a713
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/lib/templates.tsx
View File

@ -44,7 +44,7 @@ export function TemplateElegance({ data }: { data: MemorialData }) {
<div className="min-h-screen bg-stone-50 font-serif"> <div className="min-h-screen bg-stone-50 font-serif">
{heroImage && ( {heroImage && (
<div className="relative h-[55vh] w-full overflow-hidden"> <div className="relative h-[55vh] w-full overflow-hidden">
<img src={heroImage.url} alt={data.title || "Спомен"} className="h-full w-full object-cover" /> <img src={heroImage.url} alt={data.title || "Спомен"} className="h-full w-full object-cover object-top" />
<div className="absolute inset-0 bg-gradient-to-t from-stone-900/70 via-stone-900/20 to-transparent" /> <div className="absolute inset-0 bg-gradient-to-t from-stone-900/70 via-stone-900/20 to-transparent" />
<div className="absolute bottom-10 left-0 right-0 text-center"> <div className="absolute bottom-10 left-0 right-0 text-center">
<h1 className="text-4xl font-bold tracking-wide text-white md:text-6xl drop-shadow-lg"> <h1 className="text-4xl font-bold tracking-wide text-white md:text-6xl drop-shadow-lg">
@ -105,7 +105,7 @@ export function TemplateCinematic({ data }: { data: MemorialData }) {
{sortedImages.length > 0 && ( {sortedImages.length > 0 && (
<> <>
<div className="relative h-screen w-full"> <div className="relative h-screen w-full">
<img src={sortedImages[0].url} alt={data.title || "Спомен"} className="h-full w-full object-cover" /> <img src={sortedImages[0].url} alt={data.title || "Спомен"} className="h-full w-full object-cover object-top" />
<div className="absolute inset-0 bg-gradient-to-t from-black/90 via-black/40 to-transparent" /> <div className="absolute inset-0 bg-gradient-to-t from-black/90 via-black/40 to-transparent" />
<div className="absolute bottom-16 left-8 right-8 md:left-16"> <div className="absolute bottom-16 left-8 right-8 md:left-16">
<h1 className="text-5xl font-black tracking-tight md:text-8xl drop-shadow-2xl"> <h1 className="text-5xl font-black tracking-tight md:text-8xl drop-shadow-2xl">
@ -176,7 +176,7 @@ export function TemplateSerene({ data }: { data: MemorialData }) {
<div className="text-center"> <div className="text-center">
{sortedImages.length > 0 && ( {sortedImages.length > 0 && (
<div className="mx-auto mb-8 h-40 w-40 overflow-hidden rounded-full shadow-lg"> <div className="mx-auto mb-8 h-40 w-40 overflow-hidden rounded-full shadow-lg">
<img src={sortedImages[0].url} alt={data.title || "Спомен"} className="h-full w-full object-cover" /> <img src={sortedImages[0].url} alt={data.title || "Спомен"} className="h-full w-full object-cover object-top" />
</div> </div>
)} )}