fix: style improvements for mobile view

This commit is contained in:
saicaca
2023-11-06 21:56:53 +08:00
parent b64cf8eee3
commit 2b000f7e55
3 changed files with 5 additions and 5 deletions

View File

@@ -129,7 +129,7 @@ if (title) {
@layer components {
.banner-home {
@apply h-[var(--banner-height-home)]
@apply h-[var(--banner-height)] md:h-[var(--banner-height-home)]
}
.banner-else {
@apply h-[var(--banner-height)]

View File

@@ -27,7 +27,7 @@ const enableBanner = siteConfig.banner.enable;
transition:animate="none"
>
<div id="top-row" class="col-span-2 grid-rows-1 z-50" class:list={["transition-all", {
'h-[calc(var(--banner-height-home)_-_72px)]': enableBanner && isHomePage,
'h-[calc(var(--banner-height)_-_72px)] md:h-[calc(var(--banner-height-home)_-_72px)]': enableBanner && isHomePage,
'h-[calc(var(--banner-height)_-_72px)]': enableBanner && !isHomePage,}]}
>
<Navbar transition:animate="fade" transition:persist></Navbar>