From f6ffa897bd6000678c727480d8bf899de24962d0 Mon Sep 17 00:00:00 2001 From: gofnnp Date: Wed, 11 Jan 2023 14:44:57 +0400 Subject: [PATCH] =?UTF-8?q?dev=20#13510=20=D0=B8=D1=81=D0=BF=D1=80=D0=B0?= =?UTF-8?q?=D0=B2=D0=B8=D0=BB=20=D0=BE=D1=88=D0=B8=D0=B1=D0=BA=D1=83=20?= =?UTF-8?q?=D1=81=D0=B1=D0=BE=D1=80=D0=BA=D0=B8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- angular/angular.json | 2 +- .../pages/products/products.component.scss | 35 ++++--------------- 2 files changed, 7 insertions(+), 30 deletions(-) diff --git a/angular/angular.json b/angular/angular.json index 844cb0f..f1a79af 100644 --- a/angular/angular.json +++ b/angular/angular.json @@ -58,7 +58,7 @@ { "type": "anyComponentStyle", "maximumWarning": "2kb", - "maximumError": "4kb" + "maximumError": "4.5kb" } ], "fileReplacements": [ diff --git a/angular/src/app/pages/products/products.component.scss b/angular/src/app/pages/products/products.component.scss index a252809..85b8452 100644 --- a/angular/src/app/pages/products/products.component.scss +++ b/angular/src/app/pages/products/products.component.scss @@ -59,15 +59,15 @@ &::-webkit-scrollbar { height: 0; - } - - &::-webkit-scrollbar-track { + } + + &::-webkit-scrollbar-track { -webkit-box-shadow: 5px 5px 5px -5px rgba(34, 60, 80, 0.2) inset; background-color: #f9f9fd; border-radius: 10px; - } - - &::-webkit-scrollbar-thumb { + } + + &::-webkit-scrollbar-thumb { border-radius: 10px; background: linear-gradient(180deg, #00c6fb, #005bea); } @@ -91,14 +91,12 @@ color: #fff; background: var(--orange-main); border: none; - // box-shadow: 0 0 10px 5px rgb(221 221 221); } &:hover { color: #fff; background: var(--orange-main); border: none; - // box-shadow: 0 0 10px 5px rgb(221 221 221); } } } @@ -219,17 +217,6 @@ } } - // @media screen and (max-width: 1549px) { - // .products-container { - // &__items { - // max-width: 1208px; - // } - // &__filters-container { - // max-width: 1208px; - // } - // } - // } - @media screen and (max-width: 1243px) { .products-container { max-width: 902px; @@ -256,14 +243,4 @@ } } } - - // @media screen and (max-width: 631px) { - // .products-container { - // // max-width: none; - - // &__item { - // width: 100%; - // } - // } - // } }