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%; - // } - // } - // } }