blur page header

This commit is contained in:
ThatOneCalculator 2022-11-18 17:46:13 -08:00
parent 2089d0040b
commit e4a6631fde
2 changed files with 8 additions and 4 deletions

View File

@ -1,6 +1,6 @@
{ {
"name": "calckey", "name": "calckey",
"version": "12.119.0-calc.15-beta.2", "version": "12.119.0-calc.15-beta.3",
"codename": "aqua", "codename": "aqua",
"repository": { "repository": {
"type": "git", "type": "git",

View File

@ -5,10 +5,10 @@
<transition :name="$store.state.animation ? 'fade' : ''" mode="out-in"> <transition :name="$store.state.animation ? 'fade' : ''" mode="out-in">
<div v-if="page" :key="page.id" v-size="{ max: [450] }" class="xcukqgmh"> <div v-if="page" :key="page.id" v-size="{ max: [450] }" class="xcukqgmh">
<div class="_block main"> <div class="_block main">
<div class="banner">
<div class="header"> <div class="header">
<h1>{{ page.title }}</h1> <h1>{{ page.title }}</h1>
</div> </div>
<div class="banner">
<img v-if="page.eyeCatchingImageId" :src="page.eyeCatchingImage.url"/> <img v-if="page.eyeCatchingImageId" :src="page.eyeCatchingImage.url"/>
</div> </div>
<div class="content"> <div class="content">
@ -180,6 +180,10 @@ definePageMetadata(computed(() => page ? {
> .header { > .header {
padding: 16px; padding: 16px;
-webkit-backdrop-filter: var(--blur, blur(10px));
backdrop-filter: var(--blur, blur(10px));
background-color: var(--X16);
border-radius: 999px;
> h1 { > h1 {
margin: 0; margin: 0;