diff --git a/resources/views/Resume.vue b/resources/views/Resume.vue index b2f9b53..36ca925 100644 --- a/resources/views/Resume.vue +++ b/resources/views/Resume.vue @@ -1,9 +1,9 @@ @@ -98,23 +114,28 @@ export default { email: 'belezov.pavel@mail.ru', phoneNumber: '+7-914-919-21-17' }, - windowHeight: window.innerHeight, - windowWidth: window.innerWidth + windowHeight: document.documentElement.clientHeight, + windowWidth: document.documentElement.clientWidth, + isWide: window.innerWidth > 1000, + tableClass: 'w-25' }), + created() { + window.addEventListener("resize", this.myEventHandler); + }, + mounted() { + this.myEventHandler(); + window.addEventListener("resize", this.myEventHandler, { passive: true }); + }, methods: { - created() { - window.addEventListener("resize", this.myEventHandler); - }, - mounted() { - window.addEventListener("resize", this.myEventHandler); - }, - destroyed() { - window.removeEventListener("resize", this.myEventHandler); - }, - methods: { - myEventHandler(e) { - this.windowHeight = window.innerHeight; - this.windowWidth = window.innerWidth; + myEventHandler(e) { + this.windowHeight = document.documentElement.clientHeight; + this.windowWidth = document.documentElement.clientWidth; + if (this.windowWidth < 1000){ + this.isWide = false; + this.tableClass = 'w-66'; + } else { + this.isWide = true; + this.tableClass = 'w-33'; } } }