HPCesia/AstralHalo
1
0
Fork 0
mirror of https://codeberg.org/HPCesia/AstralHalo.git synced 2025-04-08 17:34:27 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: banner height

Browse Source 
close #12
This commit is contained in:
HPCesia 2025-04-04 18:40:35 +08:00
parent 03a70c675e
commit 418a7004e2
1 changed files with 27 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/components/Banner.astro
View File

@ -1,5 +1,6 @@
---
import { siteConfig } from '@/config';
import { pathMatch, pathsEqual, url } from '@utils/url-utils';
import { Icon } from 'astro-icon/components';
import ImageWrapper from './utils/ImageWrapper.astro';
@ -12,9 +13,34 @@ const siteBanner = siteConfig.banner;
if (siteBanner === false) throw Error('Should not show this error');
const src = Astro.props.src || (siteBanner.src as string);
function getBannerHeight(path: string) {
if (siteConfig.banner === false) {
console.error('Banner is disabled. Should not show this error, must be a bug');
return null;
}
if (pathsEqual(url('/'), path)) {
return siteConfig.banner.homepageHeight;
}
if (pathMatch(/\/posts\/.*/, path)) {
return siteConfig.banner.postHeight;
}
for (const { pagePathRegex, height } of siteConfig.banner.pagesHeight) {
if (pathMatch(pagePathRegex, path)) {
return height;
}
}
return siteConfig.banner.defaultHeight;
}
const path = Astro.url;
const bannerHeight = getBannerHeight(path.pathname);
---
<div id="banner" class="relative max-h-screen scale-105 opacity-0 duration-1000">
<div
id="banner"
class="relative max-h-screen scale-105 opacity-0 duration-1000"
style=`height: ${bannerHeight}`
>
<div class="h-full w-full">
<ImageWrapper
id="banner-img"