Merge pull request #7 from msrefs/patch-1

kieranwv · web-flow · commit 4e545d8fcc52 · 2025-07-21T09:17:10.000+08:00
fix: fixed header flickering issue, update Header.vue
diff --git a/src/components/Header.vue b/src/components/Header.vue
@@ -77,6 +77,7 @@ function toggleNavDrawer() {
 <template>
   <header
     id="header" :class="{ 'header-bg-blur': scroll > 20 }"
+    view-transition-name="site-header"
     class="!fixed bg-transparent z-899 w-screen h-20 px-6 flex justify-between items-center relative"
   >
     <div class="flex items-center h-full">

Original file line number	Diff line number	Diff line change
`@@ -77,6 +77,7 @@ function toggleNavDrawer() {`
`77`	`77`	`<template>`
`78`	`78`	`<header`
`79`	`79`	`id="header" :class="{ 'header-bg-blur': scroll > 20 }"`
	`80`	`+ view-transition-name="site-header"`
`80`	`81`	`class="!fixed bg-transparent z-899 w-screen h-20 px-6 flex justify-between items-center relative"`
`81`	`82`	`>`
`82`	`83`	`<div class="flex items-center h-full">`