Made cursor hide when no movement is detected
This commit is contained in:
1 parent
4475b95aed
commit
76c57c1ba0
1 file changed
+11
-1
@@ -25,7 +25,11 @@ onMounted(() => {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<section class="fullscreen" v-show="fullscreen">
|
<section
|
||||||
|
class="fullscreen"
|
||||||
|
:class="{ showCursor: mouseMovedRecently }"
|
||||||
|
v-show="fullscreen"
|
||||||
|
>
|
||||||
<template v-if="song">
|
<template v-if="song">
|
||||||
<NuxtImg
|
<NuxtImg
|
||||||
:src="GET_FILE(song.album.file)"
|
:src="GET_FILE(song.album.file)"
|
||||||
@@ -61,6 +65,12 @@ onMounted(() => {
|
|||||||
width: 200vw;
|
width: 200vw;
|
||||||
height: 200vh;
|
height: 200vh;
|
||||||
z-index: 150;
|
z-index: 150;
|
||||||
|
|
||||||
|
cursor: none;
|
||||||
|
|
||||||
|
&.showCursor {
|
||||||
|
cursor: auto;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.background {
|
.background {
|
||||||
|
|||||||
Reference in new issue
Block a user