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