valknar/palina-theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: remove header shrink effect while maintaining sticky behavior
All checks were successful
Deploy Theme / deploy (push) Successful in 13s
Details

Browse Source
This commit is contained in:
Sebastian Krüger
2026-02-20 19:11:27 +01:00
parent c0a280bca8
commit f1774fde6b
1 changed files with 5 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
partials/header.hbs
View File

@@ -1,14 +1,12 @@
<header <header
class="sticky top-0 z-40 w-full transition-all duration-500 ease-in-out border-b" class="sticky top-0 z-40 w-full transition-all duration-500 ease-in-out border-b py-5"
:class="isSticky ? 'bg-[var(--bg-primary)]/80 backdrop-blur-md py-2 shadow-lg border-[var(--bg-tertiary)]' : 'bg-[var(--bg-primary)] py-5 border-[var(--bg-tertiary)]/30 shadow-none'"> :class="isSticky ? 'bg-[var(--bg-primary)]/80 backdrop-blur-md shadow-lg border-[var(--bg-tertiary)]' : 'bg-[var(--bg-primary)] border-[var(--bg-tertiary)]/30 shadow-none'">
<div class="container mx-auto flex items-center justify-between transition-all duration-500 ease-in-out px-5"> <div class="container mx-auto flex items-center justify-between px-5">
<a href="{{@site.url}}" class="flex title-font font-medium items-center text-[var(--text-primary)]" @click.stop> <a href="{{@site.url}}" class="flex title-font font-medium items-center text-[var(--text-primary)]" @click.stop>
{{#if @site.logo}} {{#if @site.logo}}
<img src="{{@site.logo}}" alt="{{@site.title}}" class="transition-all duration-500 w-auto site-logo" :class="isSticky ? 'h-8' : 'h-10'"> <img src="{{@site.logo}}" alt="{{@site.title}}" class="h-10 w-auto site-logo">
{{else}} {{else}}
<div class="transition-all duration-500" :class="isSticky ? 'scale-90' : 'scale-100'">
{{> "icons/logo" class="h-10 w-auto site-logo"}} {{> "icons/logo" class="h-10 w-auto site-logo"}}
</div>
{{/if}} {{/if}}
</a> </a>