Sharkey/packages/frontend/src/components/page/page.vue
かっこかり 067cdf3ce4
enhance(frontend): ページのデザインを調整 (#13590)
* enhance(frontend): ページのデザインを調整

* 共有ボタンを直感的な導線に変更

* Update Changelog

* Update packages/frontend/src/components/page/page.image.vue

---------

Co-authored-by: syuilo <4439005+syuilo@users.noreply.github.com>
2024-03-18 18:21:27 +09:00

29 lines
596 B
Vue

<!--
SPDX-FileCopyrightText: syuilo and misskey-project
SPDX-License-Identifier: AGPL-3.0-only
-->
<template>
<div :class="{ [$style.center]: page.alignCenter, [$style.serif]: page.font === 'serif' }" class="_gaps">
<XBlock v-for="child in page.content" :key="child.id" :page="page" :block="child" :h="2"/>
</div>
</template>
<script lang="ts" setup>
import * as Misskey from 'misskey-js';
import XBlock from './page.block.vue';
defineProps<{
page: Misskey.entities.Page,
}>();
</script>
<style lang="scss" module>
.serif {
font-family: serif;
}
.center {
text-align: center;
}
</style>