diff --git a/src/pages/[locale]/api/pages/_components/PageCredits.astro b/src/pages/[locale]/api/pages/_components/PageCredits.astro index 7844513..7797c33 100644 --- a/src/pages/[locale]/api/pages/_components/PageCredits.astro +++ b/src/pages/[locale]/api/pages/_components/PageCredits.astro @@ -36,9 +36,13 @@ const { t, getLocalizedUrl } = await getI18n(currentLocale); }

-
- {credits.length > 0 && } -
+ { + credits.length > 0 && ( +
+ +
+ ) + } { diff --git a/src/pages/[locale]/folders/_components/FolderCard.astro b/src/pages/[locale]/folders/_components/FolderCard.astro index 8943c20..4356358 100644 --- a/src/pages/[locale]/folders/_components/FolderCard.astro +++ b/src/pages/[locale]/folders/_components/FolderCard.astro @@ -7,7 +7,7 @@ interface Props { href: string; } -const { icon = "material-symbols:folder", title, href, lang } = Astro.props; +const { icon = "material-symbols:folder-open", title, href, lang } = Astro.props; --- {/* ------------------------------------------- HTML ------------------------------------------- */} diff --git a/src/pages/[locale]/images/[id].astro b/src/pages/[locale]/images/[id].astro index 0aad715..b7f78b9 100644 --- a/src/pages/[locale]/images/[id].astro +++ b/src/pages/[locale]/images/[id].astro @@ -14,9 +14,22 @@ if (response instanceof Response) { } Astro.locals.sdkCalls.add(response.endpointCalled); const image = response.data; -const { filename, translations, attributes, credits, createdAt, updatedAt, mimeType } = image; +const { + filename, + translations, + attributes, + credits, + createdAt, + updatedAt, + mimeType, + filesize, + width, + height, +} = image; -const { getLocalizedMatch, formatDate, t } = await getI18n(Astro.locals.currentLocale); +const { getLocalizedMatch, formatDate, t, formatFilesize } = await getI18n( + Astro.locals.currentLocale +); const { pretitle, title, subtitle, description, language } = translations.length > 0 @@ -40,6 +53,18 @@ const metaAttributes = [ }, ] : []), + { + title: t("global.media.attributes.resolution"), + icon: "material-symbols:photo-size-select-large", + values: [{ name: `${width} x ${height}` }], + withBorder: false, + }, + { + title: t("global.media.attributes.filesize"), + icon: "material-symbols:hard-drive", + values: [{ name: formatFilesize(filesize) }], + withBorder: false, + }, { title: t("global.media.attributes.createdAt"), icon: "material-symbols:calendar-add-on",