From 405f23c2e15c86efd133be59f4d735f09265b2c9 Mon Sep 17 00:00:00 2001
From: ilmedova <milmedova96@gmail.com>
Date: Fri, 4 Jun 2021 16:57:18 +0500
Subject: [PATCH] commit changes

---
 public/assets/libs/slick-slider/slick.css  | 86 +++++++++++-----------
 resources/views/web/layouts/home.blade.php | 74 ++++++++++++++-----
 2 files changed, 96 insertions(+), 64 deletions(-)

diff --git a/public/assets/libs/slick-slider/slick.css b/public/assets/libs/slick-slider/slick.css
index 57477e84..c8dafd04 100644
--- a/public/assets/libs/slick-slider/slick.css
+++ b/public/assets/libs/slick-slider/slick.css
@@ -1,55 +1,51 @@
 /* Slider */
-.slick-slider
-{
+.slick-slider {
     position: relative;
 
     display: block;
     box-sizing: border-box;
 
     -webkit-user-select: none;
-       -moz-user-select: none;
-        -ms-user-select: none;
-            user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
 
     -webkit-touch-callout: none;
     -khtml-user-select: none;
     -ms-touch-action: pan-y;
-        touch-action: pan-y;
+    touch-action: pan-y;
     -webkit-tap-highlight-color: transparent;
 }
 
-.slick-list
-{
+.slick-list {
     position: relative;
 
     display: block;
-    overflow: hidden;
+    overflow-x: hidden;
 
     margin: 0;
     padding: 0;
 }
-.slick-list:focus
-{
+
+.slick-list:focus {
     outline: none;
 }
-.slick-list.dragging
-{
+
+.slick-list.dragging {
     cursor: pointer;
     cursor: hand;
 }
 
 .slick-slider .slick-track,
-.slick-slider .slick-list
-{
+.slick-slider .slick-list {
     -webkit-transform: translate3d(0, 0, 0);
-       -moz-transform: translate3d(0, 0, 0);
-        -ms-transform: translate3d(0, 0, 0);
-         -o-transform: translate3d(0, 0, 0);
-            transform: translate3d(0, 0, 0);
+    -moz-transform: translate3d(0, 0, 0);
+    -ms-transform: translate3d(0, 0, 0);
+    -o-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
 }
 
-.slick-track
-{
+.slick-track {
     position: relative;
     top: 0;
     left: 0;
@@ -58,62 +54,62 @@
     margin-left: auto;
     margin-right: auto;
 }
+
 .slick-track:before,
-.slick-track:after
-{
+.slick-track:after {
     display: table;
 
     content: '';
 }
-.slick-track:after
-{
+
+.slick-track:after {
     clear: both;
 }
-.slick-loading .slick-track
-{
+
+.slick-loading .slick-track {
     visibility: hidden;
 }
 
-.slick-slide
-{
+.slick-slide {
     display: none;
     float: left;
 
-    height: 100%;
+    /* height: 100%; */
     min-height: 1px;
 }
-[dir='rtl'] .slick-slide
-{
+
+[dir='rtl'] .slick-slide {
     float: right;
 }
-.slick-slide img
-{
+
+.slick-slide img {
     display: block;
 }
-.slick-slide.slick-loading img
-{
+
+.slick-slide.slick-loading img {
     display: none;
 }
-.slick-slide.dragging img
-{
+
+.slick-slide.dragging img {
     pointer-events: none;
 }
-.slick-initialized .slick-slide
-{
+
+.slick-initialized .slick-slide {
     display: block;
 }
-.slick-loading .slick-slide
-{
+
+.slick-loading .slick-slide {
     visibility: hidden;
 }
-.slick-vertical .slick-slide
-{
+
+.slick-vertical .slick-slide {
     display: block;
 
     height: auto;
 
     border: 1px solid transparent;
 }
+
 .slick-arrow.slick-hidden {
     display: none;
-}
+}
\ No newline at end of file
diff --git a/resources/views/web/layouts/home.blade.php b/resources/views/web/layouts/home.blade.php
index d2acdaea..c438ff0a 100644
--- a/resources/views/web/layouts/home.blade.php
+++ b/resources/views/web/layouts/home.blade.php
@@ -88,52 +88,88 @@
             /* Tv slider ====================================== */
 
             .tv__chanel {
-                margin: 40px 0px;
+                margin: 40px 0;
             }
 
-            .tv_box {
-                display: flex;
-                align-items: center;
+            .tv__box {
+                display: flex !important;
+                align-items: stretch !important;
+                justify-content: center !important;
             }
 
             .tv__item {
                 width: 150px;
-                height: 100px;
-                margin-right: 10px;
+                margin: 5px 10px;
+                /* max-height: 100px !important; */
+                box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, .3);
+
+                display: flex !important;
+                align-items: center !important;
+                justify-content: center !important;
             }
 
-            .tv__item a {
-                width: 100%;
+            .tv__item  img {
+                width: 90%;
                 height: 100%;
-            }
 
-            .tv__item a img {
-                width: 100%;
-                height: 100%;
                 object-fit: contain;
                 -o-object-fit: contain;
+
+            }
+
+            .empty {
+                height: 200px;
+                background: #000;
             }
 
 
             /* Tv slider end ================================== */
+            @media (max-width: 1450px) {
+                .tv__item {
+                    /* min-height: 90px !important; */
+                }
+            }
+
+            @media (max-width: 1300px) {
+
+            }
 
 
             @media (max-width: 1200px) {
-                .container {
-                    padding: 0 80px;
+
+                .tv__chanel {
+                    margin: 30px 0;
                 }
+
+                .tv__item a img {
+                    width: 85%;
+                    height: 85%;
+                    margin: 0 auto;
+                    object-fit: contain;
+                    -o-object-fit: contain;
+                }
+
+            }
+
+            @media (max-width: 1000px) {
+
             }
 
             @media (max-width: 900px) {
-                .container {
-                    padding: 0 50px;
+
+                .tv__chanel {
+                    margin: 20px 0;
                 }
+
+
             }
 
-            @media (max-width: 500px) {
-                .container {
-                    padding: 0 20px;
+            @media (max-width: 470px) {
+                .tv__item a img {
+                    width: 95%;
+                    height: 85%;
                 }
+
             }
         </style>