only show user bg if blur
This commit is contained in:
parent
bd467613ac
commit
a758c2def1
3 changed files with 4 additions and 4 deletions
|
@ -115,7 +115,7 @@ onMounted(() => {
|
|||
|
||||
&::after {
|
||||
content: "";
|
||||
background-image: inherit;
|
||||
background-image: var(--blur, inherit);
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
background-size: cover;
|
||||
|
|
|
@ -116,11 +116,11 @@ const MOBILE_THRESHOLD = 500;
|
|||
|
||||
// デスクトップでウィンドウを狭くしたときモバイルUIが表示されて欲しいことはあるので deviceKind === 'desktop' の判定は行わない
|
||||
const isMobile = ref(
|
||||
deviceKind === 'smartphone' || window.innerWidth <= MOBILE_THRESHOLD
|
||||
deviceKind === 'smartphone' || window.innerWidth <= MOBILE_THRESHOLD,
|
||||
);
|
||||
window.addEventListener('resize', () => {
|
||||
isMobile.value =
|
||||
deviceKind === 'smartphone' || window.innerWidth <= MOBILE_THRESHOLD;
|
||||
(deviceKind === 'smartphone' || window.innerWidth <= MOBILE_THRESHOLD);
|
||||
});
|
||||
|
||||
const tlComponent = $ref<InstanceType<typeof XTimeline>>();
|
||||
|
|
|
@ -221,7 +221,7 @@ onUnmounted(() => {
|
|||
|
||||
&::after {
|
||||
content: "";
|
||||
background-image: inherit;
|
||||
background-image: var(--blur, inherit);
|
||||
position: fixed;
|
||||
inset: 0;
|
||||
background-size: cover;
|
||||
|
|
Loading…
Reference in a new issue