usbharu
/
misskey
mirror of https://github.com/misskey-dev/misskey.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix(frontend): fix PageWithAnimBg style

This commit is contained in:
syuilo 2025-04-01 13:28:13 +09:00
parent 500a5615f0
commit 165c7993e6
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/frontend/src/components/global/PageWithAnimBg.vue
View File

@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<template> <template>
<div> <div>
<MkAnimBg style="position: absolute;"/> <MkAnimBg style="position: absolute;"/>
<div class="_pageScrollable" style="position: absolute; top: 0; width: 100%; height: 100%;"> <div class="_pageScrollable" :class="$style.body">
<slot></slot> <slot></slot>
</div> </div>
</div> </div>
@ -17,5 +17,13 @@ import MkAnimBg from '@/components/MkAnimBg.vue';
</script> </script>
<style lang="scss" module> <style lang="scss" module>
.body {
position: absolute;
top: 0;
width: 100%;
height: 100%;
// _pageScrollable はパフォーマンス上の理由で背景色が設定されているため
background: transparent !important;
}
</style> </style>