From 15a8ec6e45e6f9eb7611b45145d7f0c4d2bedf4c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E3=81=93=E3=81=91=E3=81=A3=E3=81=A1?= Date: Fri, 12 Aug 2022 03:45:50 +0900 Subject: [PATCH] fix: welcome page iikanji TM --- packages/client/src/pages/welcome.entrance.a.vue | 8 ++++++-- packages/client/src/pages/welcome.entrance.b.vue | 4 +++- packages/client/src/pages/welcome.entrance.c.vue | 4 +++- packages/client/src/pages/welcome.timeline.vue | 3 +++ 4 files changed, 15 insertions(+), 4 deletions(-) diff --git a/packages/client/src/pages/welcome.entrance.a.vue b/packages/client/src/pages/welcome.entrance.a.vue index 96a12faa7..7504821dc 100644 --- a/packages/client/src/pages/welcome.entrance.a.vue +++ b/packages/client/src/pages/welcome.entrance.a.vue @@ -215,9 +215,11 @@ function showMenu(ev) { margin: 0 0 auto 0; animation: moveX 5s linear 0s infinite alternate, moveY 6.4s linear 0s infinite alternate; + -webkit-backdrop-filter: var(--blur, blur(15px)); + backdrop-filter: var(--blur, blur(15px)); @keyframes moveX { - from { left: 0; } to { left: calc(100vw - 480px); } + from { left: 0; } to { left: calc(100vw - 500px); } } @keyframes moveY { @@ -231,8 +233,10 @@ function showMenu(ev) { > .icon { width: 85px; margin-top: -47px; - border-radius: 100%; + border-radius: 20%; vertical-align: bottom; + background: var(--panel); + box-shadow: 0 12px 32px rgb(0 0 0 / 25%); } > .menu { diff --git a/packages/client/src/pages/welcome.entrance.b.vue b/packages/client/src/pages/welcome.entrance.b.vue index 6f8b1e5fe..13d799486 100644 --- a/packages/client/src/pages/welcome.entrance.b.vue +++ b/packages/client/src/pages/welcome.entrance.b.vue @@ -181,9 +181,11 @@ export default defineComponent({ margin: 0 0 auto 0; animation: moveX 5s linear 0s infinite alternate, moveY 6.4s linear 0s infinite alternate; + -webkit-backdrop-filter: var(--blur, blur(15px)); + backdrop-filter: var(--blur, blur(15px)); @keyframes moveX { - from { left: 0; } to { left: calc(100vw - 480px); } + from { left: 0; } to { left: calc(100vw - 500px); } } @keyframes moveY { diff --git a/packages/client/src/pages/welcome.entrance.c.vue b/packages/client/src/pages/welcome.entrance.c.vue index 4a50e94b2..aa5cae925 100644 --- a/packages/client/src/pages/welcome.entrance.c.vue +++ b/packages/client/src/pages/welcome.entrance.c.vue @@ -194,9 +194,11 @@ export default defineComponent({ margin: 0 0 auto 0; animation: moveX 5s linear 0s infinite alternate, moveY 6.4s linear 0s infinite alternate; + -webkit-backdrop-filter: var(--blur, blur(15px)); + backdrop-filter: var(--blur, blur(15px)); @keyframes moveX { - from { left: 0; } to { left: calc(100vw - 480px); } + from { left: 0; } to { left: calc(100vw - 500px); } } @keyframes moveY { diff --git a/packages/client/src/pages/welcome.timeline.vue b/packages/client/src/pages/welcome.timeline.vue index bec9481ff..9801cbc57 100644 --- a/packages/client/src/pages/welcome.timeline.vue +++ b/packages/client/src/pages/welcome.timeline.vue @@ -88,6 +88,9 @@ export default defineComponent({ margin: 0 0 0 auto; max-width: max-content; border-radius: 16px; + -webkit-backdrop-filter: var(--blur, blur(15px)); + backdrop-filter: var(--blur, blur(15px)); + background: var(--panel); > .richcontent { min-width: 250px;