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",