diff options
| author | syuilo <4439005+syuilo@users.noreply.github.com> | 2025-04-01 13:28:13 +0900 |
|---|---|---|
| committer | syuilo <4439005+syuilo@users.noreply.github.com> | 2025-04-01 13:28:13 +0900 |
| commit | 165c7993e669b95f6b7e161b8503c75ce5a1e25c (patch) | |
| tree | f156e137bcaea42ddb951fff7b8f4cbfb46ab05f /packages | |
| parent | enhance(frontend): 壁紙をデッキ設定の一部に (diff) | |
| download | sharkey-165c7993e669b95f6b7e161b8503c75ce5a1e25c.tar.gz sharkey-165c7993e669b95f6b7e161b8503c75ce5a1e25c.tar.bz2 sharkey-165c7993e669b95f6b7e161b8503c75ce5a1e25c.zip | |
fix(frontend): fix PageWithAnimBg style
Diffstat (limited to 'packages')
| -rw-r--r-- | packages/frontend/src/components/global/PageWithAnimBg.vue | 10 |
1 files changed, 9 insertions, 1 deletions
diff --git a/packages/frontend/src/components/global/PageWithAnimBg.vue b/packages/frontend/src/components/global/PageWithAnimBg.vue index a00b196a04..7106ae20cd 100644 --- a/packages/frontend/src/components/global/PageWithAnimBg.vue +++ b/packages/frontend/src/components/global/PageWithAnimBg.vue @@ -6,7 +6,7 @@ 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%;"> + <div class="_pageScrollable" :class="$style.body"> <slot></slot> </div> </div> @@ -17,5 +17,13 @@ import MkAnimBg from '@/components/MkAnimBg.vue'; </script> <style lang="scss" module> +.body { + position: absolute; + top: 0; + width: 100%; + height: 100%; + // _pageScrollable はパフォーマンス上の理由で背景色が設定されているため + background: transparent !important; +} </style> |