to fix: glasses,About bottom figures, vert long tablet overflow

Author: proger-coder

Routes/CartRoute.js

@@ -38,9 +38,9 @@ export const CartRoute = {
                      id="orderRequestButton" 
                      @click="showDialog(),cart.clearLS()">Оформить заказ</div>
                 
-                <dialog>Поздравляем с покупкой! <br> 
-                       <p v-if="cart.totalPrice() >= 15000">Ваш промокод на скидку в 15%: {{cart.promoCodeGen(15)}}</p> <br>
-                       <p v-if="cart.totalPrice() >= 10000 && cart.totalPrice() < 15000">Ваш промокод на скидку в 10%: {{cart.promoCodeGen(10)}}</p> <br>
+                <dialog class="cart-route-dialog">Поздравляем с покупкой! <br> 
+                       <p v-if="cart.totalPrice() >= 15000">Ваш промокод на скидку в 15%: <span>{{cart.promoCodeGen(15)}}</span></p> <br>
+                       <p v-if="cart.totalPrice() >= 10000 && cart.totalPrice() < 15000">Ваш промокод на скидку в 10%: <span>{{cart.promoCodeGen(10)}}</span></p> <br>
                             <router-link to="/">
                         <p class="close-dialog-red-x" @click="hideDialog(),cart.cartBox=[]">Закрыть</p>
                             </router-link>

Routes/Collections.js

@@ -101,7 +101,8 @@ export const Collections = {
             let female = ['Римская туника','Черное платье','Солнечные очки','Белый топ','Цветочный топ','Черный топ']
             let selected = this.maleStaff === true ? male : female
             return this.finalItems.filter(el => {
-                return selected.some(selectedEl => selectedEl === el.name.slice(9))
+                //return selected.some(selectedEl => selectedEl === el.name.slice(9))
+                return selected.includes(el.name.slice(9))
             })
         }
     }

styles.css

@@ -191,7 +191,7 @@ nav{
 
 
 /*=========== Сart Route =============================*/
-dialog{
+.cart-route-dialog{
     position: absolute;
     left: 0;
     right: 0;
@@ -201,6 +201,10 @@ dialog{
     background: white;
     color: black;
 }
+.cart-route-dialog span{
+    background-color:yellow;
+}
+
 
 .CartRoute-allRows-container{
     display:flex;
@@ -635,13 +639,14 @@ footer{
         width:50%;
         aspect-ratio: 1/1;
         text-align: center;
-        margin: 10px 0;
     }
     .About-figures img{
         width:100%;
         height:100%;
         object-fit: contain;
+        object-position: top;
     }
+
 }
 /*для планш гориз */
 @media screen and (min-width:768px) and (max-width: 1200px)  {