only show user bg if blur

This commit is contained in:
ThatOneCalculator 2022-09-17 14:11:02 -07:00
parent bd467613ac
commit a758c2def1
3 changed files with 4 additions and 4 deletions

View file

@ -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;

View file

@ -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>>();

View file

@ -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;