summaryrefslogtreecommitdiffstats
path: root/src/mixins/mobile.js
diff options
context:
space:
mode:
authorDaniel Baumann <daniel@debian.org>2024-11-26 09:28:28 +0100
committerDaniel Baumann <daniel@debian.org>2024-11-26 12:25:58 +0100
commita1882b67c41fe9901a0cd8059b5cc78a5beadec0 (patch)
tree2a24507c67aa99a15416707b2f7e645142230ed8 /src/mixins/mobile.js
parentInitial commit. (diff)
downloaduptime-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.js44
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;
+ },
+ },
+
+};