sebastjan/folx-tv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Naslovnica: zaris obraza se zdaj ujame tudi pri absolutnih URL-jih (kvadratne ploscice ne rezejo glav)

Browse Source
This commit is contained in:
folx bot
2026-08-29 21:36:51 +02:00
parent fd9121e8db
commit fc7e9c38a0
1 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/pages/home.tsx
+8 -4
View File
@@ -1,5 +1,6 @@
import { useQuery } from "@tanstack/react-query"; import { useQuery } from "@tanstack/react-query";
import { artistGroup } from "@/lib/artists"; import { artistGroup } from "@/lib/artists";
import { objectPositionFor } from "@/lib/focal";
import { Link } from "wouter"; import { Link } from "wouter";
import { type Article } from "@shared/schema"; import { type Article } from "@shared/schema";
import { format } from "date-fns"; import { format } from "date-fns";
@@ -142,11 +143,14 @@ function GalleryHeroCard({ images }: { images: GalleryImage[] }) {
); );
} }
/**
* Zaris naslovnice. Kljuci v /api/focal-points so relativni (/uploads/x.webp),
* coverImage pa je pogosto absoluten (https://folx.tv/uploads/x.webp) - prej se
* kljuc ni ujel, zaris se ni uporabil in kvadratne ploscice so rezale glave.
* Zato uporabimo skupno objectPositionFor, ki obe obliki poravna.
*/
function getObjectPosition(coverImage: string | null, focalPoints?: Record<string, { x: number; y: number }>): string { function getObjectPosition(coverImage: string | null, focalPoints?: Record<string, { x: number; y: number }>): string {
if (!coverImage || !focalPoints) return "center 25%"; return objectPositionFor(coverImage, focalPoints as any);
const fp = focalPoints[coverImage];
if (!fp) return "center 25%";
return `${fp.x}% ${fp.y}%`;
} }
function MosaicTile({ article, focalPoints, tall = false }: { article: Article; focalPoints?: Record<string, { x: number; y: number }>; tall?: boolean }) { function MosaicTile({ article, focalPoints, tall = false }: { article: Article; focalPoints?: Record<string, { x: number; y: number }>; tall?: boolean }) {