natty
/
calckey
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
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",

6
packages/client/src/pages/page.vue
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="banner">
<div class="header">
<h1>{{ page.title }}</h1>
</div>
<div class="banner">
<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;