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",
"version": "12.119.0-calc.15-beta.2",
"version": "12.119.0-calc.15-beta.3",
"codename": "aqua",
"repository": {
"type": "git",

View File

@ -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;