From e4a6631fde913040fb189b8ed418a79c6707ce50 Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Fri, 18 Nov 2022 17:46:13 -0800
Subject: [PATCH] blur page header

---
 package.json                       |  2 +-
 packages/client/src/pages/page.vue | 10 +++++++---
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index 0c04a3868f..3c027d17f0 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "calckey",
-	"version": "12.119.0-calc.15-beta.2",
+	"version": "12.119.0-calc.15-beta.3",
 	"codename": "aqua",
 	"repository": {
 		"type": "git",
diff --git a/packages/client/src/pages/page.vue b/packages/client/src/pages/page.vue
index 7ff1c8f82c..ee863a68cd 100644
--- a/packages/client/src/pages/page.vue
+++ b/packages/client/src/pages/page.vue
@@ -5,10 +5,10 @@
 		<transition :name="$store.state.animation ? 'fade' : ''" mode="out-in">
 			<div v-if="page" :key="page.id" v-size="{ max: [450] }" class="xcukqgmh">
 				<div class="_block main">
-					<div class="header">
-						<h1>{{ page.title }}</h1>
-					</div>
 					<div class="banner">
+						<div class="header">
+							<h1>{{ page.title }}</h1>
+						</div>
 						<img v-if="page.eyeCatchingImageId" :src="page.eyeCatchingImage.url"/>
 					</div>
 					<div class="content">
@@ -180,6 +180,10 @@ definePageMetadata(computed(() => page ? {
 
 		> .header {
 			padding: 16px;
+			-webkit-backdrop-filter: var(--blur, blur(10px));
+			backdrop-filter: var(--blur, blur(10px));
+			background-color: var(--X16);
+			border-radius: 999px;
 
 			> h1 {
 				margin: 0;