Small fixes + update deps
This commit is contained in:
parent
5e4fa90cea
commit
9653747dd8
File diff suppressed because it is too large
Load Diff
17
package.json
17
package.json
|
@ -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"
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
Loading…
Reference in New Issue