fix @media in weather

Author: aafomin

src/components/Weather/card-detail.vue

@@ -83,21 +83,24 @@ export default {
     color: white;
   }
   .detail__day_text {
-    font-size: .75rem;
+    font-size: 0.75rem;
     // overflow-wrap: break-word;
     word-break: normal;
     white-space: normal;
     color: lightgray;
   }
 }
-@media screen and (max-width: 840px) {
+@media screen and (max-width: 800px) {
   .detail {
     width: 16vw;
+    .detail__date {
+      color: white;
+      font-size: 3vw;
+    }
     .detail__day_icon {
       width: 15vw;
     }
     .detail__day_temp {
-
     }
     .detail__day_temp_value {
       font-size: 1.25rem;
@@ -107,10 +110,8 @@ export default {
       display: none;
     }
     .detail__day_text {
-      word-break: break-word;
+      word-break: break-all;
     }
   }
 }
-@media screen and (max-width: 600px) {
-}
 </style>

src/components/Weather/card-weather.vue

@@ -224,7 +224,7 @@ export default {
   opacity: 0;
 }
 
-@media screen and (max-width: 840px) {
+@media screen and (max-width: 800px) {
   .card {
     width: 95vw;
     height: 40%;
@@ -244,16 +244,12 @@ export default {
         font-size: 0.75rem;
         text-align: center;
       }
-      .card__footer_more {
-      }
     }
   }
   .card__datails {
     margin: auto;
     width: 95vw;
-    height: 43vh;
+    height: 40vh;
   }
 }
-@media screen and (max-width: 600px) {
-}
 </style>

src/components/Weather/search-list.vue

@@ -42,7 +42,7 @@ export default {
   width: 30%;
   z-index: 1;
 }
-@media screen and (max-width: 1024px) {
+@media screen and (max-width: 800px) {
   .weather__searchList {
     width: 55%;
   }

src/components/Weather/weather.vue

@@ -94,13 +94,11 @@ export default {
     width: 750px;
   }
 }
-@media screen and (max-width: 1024px) {
+@media screen and (max-width: 800px) {
   .weather {
     .weather__search {
       width: 70%;
     }
   }
 }
-@media screen and (max-width: 600px) {
-}
 </style>