to fix: About bottom figures, vert long tablet overflow

Author: proger-coder

Routes/CartRoute.js

@@ -54,6 +54,9 @@ export const CartRoute = {
       </dialog>
       </div>`,
     methods:{
+        hideThis(){
+            event.target.style = "display:none;"
+        },
         showDialog(){
             let dialog = document.querySelector('dialog');
             //dialog.show();

Routes/Item.js

@@ -66,11 +66,12 @@ export const Item = {
                                 <option v-for="i in 11" :value="i-1" class="item-size-amount-selector">{{ i-1 }}</option>
                             </select>
                         </div>
-                      <div v-if="!item.options[0]?.choices" class="item-selector-and-label">
-                        <label for="One-Size" class="item-selector-label"> One-Size </label>
-                        <select id="One-Size" name="One-Size">
-                          <option v-for="i in 11" :value="i-1" class="item-size-amount-selector">{{ i-1 }}</option>
-                        </select>
+                      <div v-if="!item.options[0]?.choices && item.name.slice(9) === 'Солнечные очки'" 
+                           class="item-selector-and-label only-for-glasses">
+                            <label for="One-Size" class="item-selector-label"> One-Size </label>
+                            <select id="One-Size" name="One-Size">
+                              <option v-for="i in 11" :value="i-1" class="item-size-amount-selector">{{ i-1 }}</option>
+                            </select>
                       </div>
                       
                     </fieldset>

styles.css

@@ -296,10 +296,11 @@ nav{
 /*================ COLLECTIONS =======================*/
 .collections-gender-icon{
     transition: all 0.4s linear;
-    width:65%;
+    width: 60%;
+    /*width:65%;*/
 }
     .collections-gender-icon:hover{
-        width:95%;
+        width:80%;
     }
 
 .collections-header{