monkeeShark/packages/frontend/src/components/page/page.vue
かっこかり 22d966e92d
enhance(frontend): データセーバーモードで隠れる画像を増やす等 (#11779)
* enhance datasaver mode

* サムネイルがないとき変な角丸にならんようにする

* Avoid using wildcard selector

* Avoid wildcard

* Update MkMediaImage.vue

---------

Co-authored-by: syuilo <Syuilotan@yahoo.co.jp>
2023-09-06 17:36:14 +09:00

30 lines
652 B
Vue

<!--
SPDX-FileCopyrightText: syuilo and other misskey contributors
SPDX-License-Identifier: AGPL-3.0-only
-->
<template>
<div :class="{ [$style.center]: page.alignCenter, [$style.serif]: page.font === 'serif' }" class="_gaps_s">
<XBlock v-for="child in page.content" :key="child.id" :page="page" :block="child" :h="2"/>
</div>
</template>
<script lang="ts" setup>
import { onMounted, nextTick } from 'vue';
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>