feat: class Styler;to fix: About bottom figures, vert long tablet overflow

Author: proger-coder

Classes/Styler.js

@@ -5,6 +5,13 @@ export class Styler {
         return document.querySelectorAll(className);
     }
 
+    fillPicsByElData(className){ //заполняет массив объектами
+        this.findPics(className)
+            .forEach(el => {
+                this.pics.push( this.findNGive(el) )
+        })
+    }
+
     calcStyles(elData1,elData2,screenWidthFresh = document.documentElement.clientWidth){
         let wider,narrower,taller,lower;
         let sumOfWi = elData1.width + elData2.width;

Routes/About.js

@@ -51,17 +51,12 @@ export const About = {
     </div>`,
     data(){
         return{
-            //ширина экрана - будем следить за ней через Watch
-            screenWidth:document.documentElement.clientWidth,
+
         }
     },
     mounted(){
-        window.onload = ()=> {
-            styler.findPics('.about-pic').forEach(el => {
-                styler.pics.push(styler.findNGive(el))
-            })
-            console.log(styler.pics)
-
+        window.onresize = ()=> {
+            console.log(document.documentElement.clientWidth)
         };
 
     },
@@ -75,11 +70,7 @@ export const About = {
 
     },
     watch:{
-        screenWidth(){ //если ресайзнули окно - делать это:
-            //styler.pics[0].el.style = 'width:300px'
-            console.log('resize')
-            //styler.calcStyles(styler.pics[0], styler.pics[1])
-        }
+
     }
 
 }