diff options
author | Daniel Baumann <daniel@debian.org> | 2024-11-26 09:28:28 +0100 |
---|---|---|
committer | Daniel Baumann <daniel@debian.org> | 2024-11-26 12:25:58 +0100 |
commit | a1882b67c41fe9901a0cd8059b5cc78a5beadec0 (patch) | |
tree | 2a24507c67aa99a15416707b2f7e645142230ed8 /src/mixins/mobile.js | |
parent | Initial commit. (diff) | |
download | uptime-kuma-a1882b67c41fe9901a0cd8059b5cc78a5beadec0.tar.xz uptime-kuma-a1882b67c41fe9901a0cd8059b5cc78a5beadec0.zip |
Adding upstream version 2.0.0~beta.0+dfsg.upstream/2.0.0_beta.0+dfsgupstream
Signed-off-by: Daniel Baumann <daniel@debian.org>
Diffstat (limited to 'src/mixins/mobile.js')
-rw-r--r-- | src/mixins/mobile.js | 44 |
1 files changed, 44 insertions, 0 deletions
diff --git a/src/mixins/mobile.js b/src/mixins/mobile.js new file mode 100644 index 0000000..c44edcf --- /dev/null +++ b/src/mixins/mobile.js @@ -0,0 +1,44 @@ +export default { + + data() { + return { + windowWidth: window.innerWidth, + }; + }, + + created() { + window.addEventListener("resize", this.onResize); + this.updateBody(); + }, + + methods: { + /** + * Handle screen resize + * @returns {void} + */ + onResize() { + this.windowWidth = window.innerWidth; + this.updateBody(); + }, + + /** + * Add css-class "mobile" to body if needed + * @returns {void} + */ + updateBody() { + if (this.isMobile) { + document.body.classList.add("mobile"); + } else { + document.body.classList.remove("mobile"); + } + } + + }, + + computed: { + isMobile() { + return this.windowWidth <= 767.98; + }, + }, + +}; |