summaryrefslogtreecommitdiff
path: root/packages/frontend/src/components/global/PageWithAnimBg.vue
diff options
context:
space:
mode:
authorsyuilo <4439005+syuilo@users.noreply.github.com>2025-03-20 21:04:37 +0900
committersyuilo <4439005+syuilo@users.noreply.github.com>2025-03-20 21:04:37 +0900
commitce858a676be7ec70566f186e1a061273975b04e1 (patch)
tree00269a9c0691707ed40c76c0e16f024c2ab7927b /packages/frontend/src/components/global/PageWithAnimBg.vue
parentfollow up of 1fd87bd2e46eb50f718f95f94d844fe694e43a53 (diff)
downloadmisskey-ce858a676be7ec70566f186e1a061273975b04e1.tar.gz
misskey-ce858a676be7ec70566f186e1a061273975b04e1.tar.bz2
misskey-ce858a676be7ec70566f186e1a061273975b04e1.zip
refactor(frontend): use PageWithHeader instead of MkStickyContainer+MkPageHeader combination
Diffstat (limited to 'packages/frontend/src/components/global/PageWithAnimBg.vue')
-rw-r--r--packages/frontend/src/components/global/PageWithAnimBg.vue21
1 files changed, 21 insertions, 0 deletions
diff --git a/packages/frontend/src/components/global/PageWithAnimBg.vue b/packages/frontend/src/components/global/PageWithAnimBg.vue
new file mode 100644
index 0000000000..a00b196a04
--- /dev/null
+++ b/packages/frontend/src/components/global/PageWithAnimBg.vue
@@ -0,0 +1,21 @@
+<!--
+SPDX-FileCopyrightText: syuilo and misskey-project
+SPDX-License-Identifier: AGPL-3.0-only
+-->
+
+<template>
+<div>
+ <MkAnimBg style="position: absolute;"/>
+ <div class="_pageScrollable" style="position: absolute; top: 0; width: 100%; height: 100%;">
+ <slot></slot>
+ </div>
+</div>
+</template>
+
+<script lang="ts" setup>
+import MkAnimBg from '@/components/MkAnimBg.vue';
+</script>
+
+<style lang="scss" module>
+
+</style>