more style fixes

This commit is contained in:
ThatOneCalculator 2022-11-21 15:26:18 -08:00
parent 3443ea3739
commit a44e2a720c
2 changed files with 44 additions and 43 deletions

View File

@ -1,6 +1,6 @@
{ {
"name": "calckey", "name": "calckey",
"version": "12.119.0-calc.16.2", "version": "12.119.0-calc.16.3",
"codename": "aqua", "codename": "aqua",
"repository": { "repository": {
"type": "git", "type": "git",

View File

@ -10,12 +10,12 @@
</div> </div>
<div class="_block main"> <div class="_block main">
<div class="banner"> <div class="banner">
<div v-if="page.eyeCatchingImageId" class="banner-image" :style="`background-image: url(${page.eyeCatchingImage.url})`"> <div v-if="page.eyeCatchingImageId" class="banner-image" :style="`background-image: url(${page.eyeCatchingImage.url})`"></div>
<div class="header"> <div class="header">
<h1>{{ page.title }}</h1> <h1>{{ page.title }}</h1>
</div> </div>
<div class="menu-actions"> <div class="menu-actions">
<MkA :to="`/@${username}/pages/${pageName}/view-source`" class="_button"><i class="ph-code-bold"/></MkA> <MkA :to="`/@${username}/pages/${pageName}/view-source`" class="menu _button"><i class="ph-code-bold"/></MkA>
<template v-if="$i && $i.id === page.userId"> <template v-if="$i && $i.id === page.userId">
<MkA v-tooltip="i18n.ts._pages.editPage" class="menu _button" :to="`/pages/edit/${page.id}`"><i class="ph-pencil-bold ph-lg"/></MkA> <MkA v-tooltip="i18n.ts._pages.editPage" class="menu _button" :to="`/pages/edit/${page.id}`"><i class="ph-pencil-bold ph-lg"/></MkA>
<button v-if="$i.pinnedPageId === page.id" v-tooltip="i18n.ts.unpin" class="menu _button" @click="pin(false)"><i class="ph-push-pin-slash-bold ph-lg"/></button> <button v-if="$i.pinnedPageId === page.id" v-tooltip="i18n.ts.unpin" class="menu _button" @click="pin(false)"><i class="ph-push-pin-slash-bold ph-lg"/></button>
@ -23,7 +23,6 @@
</template> </template>
</div> </div>
</div> </div>
</div>
<div class="content"> <div class="content">
<XPage :page="page"/> <XPage :page="page"/>
</div> </div>
@ -198,6 +197,8 @@ definePageMetadata(computed(() => page ? {
background-position: center; background-position: center;
background-size: cover; background-size: cover;
}
> .header { > .header {
padding: 16px; padding: 16px;
@ -215,6 +216,7 @@ definePageMetadata(computed(() => page ? {
padding: 8px; padding: 8px;
border-radius: 24px; border-radius: 24px;
width: fit-content; width: fit-content;
position: relative;
top: -10px; top: -10px;
left: 1rem; left: 1rem;
@ -233,7 +235,6 @@ definePageMetadata(computed(() => page ? {
} }
} }
} }
}
> .content { > .content {
padding: 16px 0 0 0; padding: 16px 0 0 0;