Small fixes + update deps

This commit is contained in:
DrMint 2024-05-09 22:20:44 +02:00
parent 5e4fa90cea
commit 9653747dd8
5 changed files with 1483 additions and 4718 deletions

6171
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -19,25 +19,24 @@
"node": ">=19.7.0" "node": ">=19.7.0"
}, },
"dependencies": { "dependencies": {
"@astrojs/check": "^0.5.10", "@astrojs/check": "^0.6.0",
"@astrojs/node": "^8.2.5", "@astrojs/node": "^8.2.5",
"@fontsource-variable/murecho": "^5.0.18", "@fontsource-variable/murecho": "^5.0.19",
"@fontsource-variable/vollkorn": "^5.0.20", "@fontsource-variable/vollkorn": "^5.0.21",
"accept-language": "^3.0.18", "accept-language": "^3.0.18",
"astro": "4.6.1", "astro": "4.8.1",
"astro-icon": "^1.1.0", "astro-icon": "^1.1.0",
"node-cache": "^5.1.2", "node-cache": "^5.1.2",
"tippy.js": "^6.3.7", "tippy.js": "^6.3.7",
"ua-parser-js": "^1.0.37" "ua-parser-js": "^1.0.37"
}, },
"devDependencies": { "devDependencies": {
"@iconify-json/material-symbols": "^1.1.78", "@iconify-json/material-symbols": "^1.1.79",
"@types/ua-parser-js": "^0.7.39", "@types/ua-parser-js": "^0.7.39",
"astro-meta-tags": "^0.2.2", "astro-meta-tags": "^0.3.0",
"autoprefixer": "^10.4.19", "autoprefixer": "^10.4.19",
"bun-types": "^1.1.3", "bun-types": "^1.1.7",
"npm-check-updates": "^16.14.18", "postcss-preset-env": "^9.5.11",
"postcss-preset-env": "^9.5.5",
"prettier": "^3.2.5", "prettier": "^3.2.5",
"prettier-plugin-astro": "^0.13.0", "prettier-plugin-astro": "^0.13.0",
"typescript": "^5.4.5" "typescript": "^5.4.5"

View File

@ -13,7 +13,7 @@ interface Props {
const { const {
node: { node: {
value: { id, url, translations }, value: { id, url, width, height, translations },
}, },
context, context,
} = Astro.props; } = Astro.props;
@ -36,7 +36,7 @@ const mediaPage = getLocalizedUrl(`/images/${id}`);
</HeaderTitle> </HeaderTitle>
) )
} }
<a href={mediaPage}><img src={url} /></a> <a href={mediaPage}><img src={url} width={width} height={height} /></a>
<OpenMediaPageButton url={mediaPage} /> <OpenMediaPageButton url={mediaPage} />
</div> </div>

View File

@ -27,7 +27,9 @@ const { title, description } =
<AppEmptyLayout> <AppEmptyLayout>
<div id="container"> <div id="container">
<a href={url} target="_blank">
<img src={url} width={width} height={height} /> <img src={url} width={width} height={height} />
</a>
<div> <div>
<h1>{title}</h1> <h1>{title}</h1>
@ -53,12 +55,13 @@ const { title, description } =
img { img {
max-height: 60vh; max-height: 60vh;
max-width: 100%; max-width: 100%;
height: auto;
width: auto; width: auto;
object-fit: contain;
} }
h1 { h1 {
max-width: 35em; max-width: 35em;
overflow-wrap: anywhere;
} }
& > div { & > div {

View File

@ -51,8 +51,8 @@ const { title, description } = getLocalizedMatch(translations);
> :global(video) { > :global(video) {
max-height: 60vh; max-height: 60vh;
max-width: 100%; max-width: 100%;
height: auto;
width: auto; width: auto;
object-fit: contain;
} }
h1 { h1 {