mirror of
https://github.com/saicaca/fuwari.git
synced 2026-01-12 07:12:52 +01:00
feat: mobile style improvements
This commit is contained in:
@@ -27,8 +27,8 @@ 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)_-_72px)] md:h-[calc(var(--banner-height-home)_-_72px)]': enableBanner && isHomePage,
|
||||
'h-[calc(var(--banner-height)_-_72px)]': enableBanner && !isHomePage,}]}
|
||||
'h-[calc(var(--banner-height)_-_4.5rem)] md:h-[calc(var(--banner-height-home)_-_4.5rem)]': enableBanner && isHomePage,
|
||||
'h-[calc(var(--banner-height)_-_4.5rem)]': enableBanner && !isHomePage,}]}
|
||||
>
|
||||
<Navbar transition:animate="fade" transition:persist></Navbar>
|
||||
</div>
|
||||
@@ -70,5 +70,5 @@ html::view-transition-new(rrrr) {
|
||||
<style lang="stylus" is:global>
|
||||
.banner-closed
|
||||
#top-row
|
||||
height: 72px;
|
||||
height: 4.5rem;
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user