From 165c7993e669b95f6b7e161b8503c75ce5a1e25c Mon Sep 17 00:00:00 2001
From: syuilo <4439005+syuilo@users.noreply.github.com>
Date: Tue, 1 Apr 2025 13:28:13 +0900
Subject: [PATCH] fix(frontend): fix PageWithAnimBg style
---
.../frontend/src/components/global/PageWithAnimBg.vue | 10 +++++++++-
1 file changed, 9 insertions(+), 1 deletion(-)
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>