+
+
+

+
+
Добавить в гараж
diff --git a/src/components/profile/ProfileHistoryTabs.tsx b/src/components/profile/ProfileHistoryTabs.tsx
index db4002d..af69cfd 100644
--- a/src/components/profile/ProfileHistoryTabs.tsx
+++ b/src/components/profile/ProfileHistoryTabs.tsx
@@ -69,7 +69,7 @@ const ProfileHistoryTabs: React.FC
= ({
{tabs.map((tab) => (
= ({
onClick={() => onTabChange(tab)}
>
= ({
))}
setIsDropdownOpen((prev) => !prev)}
>
{selectedManufacturer}
@@ -111,21 +111,21 @@ const ProfileHistoryTabs: React.FC
= ({
{isDropdownOpen && (
-
+
{manufacturers.length === 0 ? (
- -
+
-
Нет данных
) : (
manufacturers.map((manufacturer) => (
- handleManufacturerSelect(manufacturer)}
>
{manufacturer}
{manufacturer !== "Все" && (
-
+
({historyItems.filter(item =>
item.brand === manufacturer || item.vehicleInfo?.brand === manufacturer
).length})
diff --git a/src/styles/my.css b/src/styles/my.css
index fd41b6a..c4bdba4 100644
--- a/src/styles/my.css
+++ b/src/styles/my.css
@@ -3,6 +3,32 @@
margin-left: 0 !important;
}
+.dropdown-scroll-invisible {
+ scrollbar-width: none; /* Firefox */
+ -ms-overflow-style: none; /* IE и Edge */
+}
+.dropdown-scroll-invisible::-webkit-scrollbar {
+ display: none; /* Chrome, Safari, Opera */
+}
+
+.dropdown-scroll-invisible {
+ padding-left: 0 !important;
+ list-style: none !important;
+}
+
+.bottom_head {
+ background-color: var(--back);
+ flex-flow: column;
+ justify-content: center;
+ align-items: flex-start;
+ width: 100%;
+ height: auto;
+ margin-top: -15px;
+ padding-left: 60px;
+ padding-right: 60px;
+ display: flex;
+}
+
.bottom_head{
z-index: 60;
}
@@ -538,10 +564,13 @@ input#VinSearchInput {
margin-top: 0;
margin-bottom: 60px;
}
+
+@media screen and (max-width: 991px) {
.bottom_head {
padding-left: 30px;
padding-right: 30px;
}
+}
@media screen and (max-width: 479px) {
.bottom_head {
@@ -550,18 +579,7 @@ input#VinSearchInput {
}
}
-.bottom_head {
- background-color: var(--back);
- flex-flow: column;
- justify-content: center;
- align-items: flex-start;
- width: 100%;
- height: auto;
- margin-top: -15px;
- padding-left: 60px;
- padding-right: 60px;
- display: flex;
-}
+
body {
background-color: var(--background);
--_fonts---font-family: Onest, sans-serif;
@@ -617,13 +635,52 @@ body {
position: absolute;
}
.mobile-menu-buttom-section {
- z-index: 1900;
+ z-index: 1900 !important;
background-color: var(--white);
display: none;
position: fixed;
inset: auto 0% 0%;
}
+
+@media screen and (max-width: 991px) {
+ .flex-block-108 {
+ flex-flow: column;
+ justify-content: space-between;
+
+ }
+
+}
+@media screen and (max-width: 991px) {
+ .flex-block-118 {
+ flex-direction: column !important;
+ align-items: stretch; /* или center, если нужно по центру */
+ gap: 20px; /* если нужен отступ между блоками */
+ }
+ .flex-block-119 {
+ width: 100%;
+ }
+}
+
+@media screen and (max-width: 767px) {
+ .mobile-menu-buttom-section {
+ display: block;
+ }
+}
+@media screen and (max-width: 991px) {
+.div-block-128 {
+ height: 140px;
+}
+}
+@media screen and (max-width: 767px) {
+ .div-block-128 {
+ height: 100px;
+ }
+ }
+
+
+
+
.nav-menu-3 {
z-index: 1900;
background-color: #0000;
@@ -727,17 +784,51 @@ body {
}
-@media screen and (max-width: 767px) {
+
.flex-block-15-copy {
- grid-column-gap: 5px;
- grid-row-gap: 5px;
- width: 160px;
- padding: 15px;
+ width: 235px!important;
+ min-width: 235px!important;
+
}
+@media screen and (max-width: 991px) {
+ .flex-block-15-copy {
+ grid-column-gap: 5px;
+ grid-row-gap: 5px;
+ width: 160px !important;
+ min-width: 160px !important;
+ padding: 15px;
+ }
}
-.flex-block-15-copy {
- width: 235px;
-}
\ No newline at end of file
+
+@media screen and (max-width: 479px) {
+ .flex-block-15-copy {
+ grid-column-gap: 5px;
+ grid-row-gap: 5px;
+ width: 160px !important;
+ min-width: 160px !important;
+ padding: 15px;
+ }
+}
+
+
+
+
+@media (max-width: 767px) {
+ .topmenub {
+ display: none !important;
+ }
+}
+
+@media screen and (max-width: 479px) {
+ .bestpriceitem {
+ grid-column-gap: 5px;
+ grid-row-gap: 5px;
+ min-width: 160px;
+ max-width: 190px;
+ padding: 15px;
+ }
+}
+
diff --git a/src/styles/protekproject.webflow.css b/src/styles/protekproject.webflow.css
index 60b633c..c6e66d8 100644
--- a/src/styles/protekproject.webflow.css
+++ b/src/styles/protekproject.webflow.css
@@ -10095,13 +10095,13 @@ body {
display: flex;
}
- .flex-block-15-copy {
+ /* .flex-block-15-copy {
grid-column-gap: 5px;
grid-row-gap: 5px;
min-width: 135px;
max-width: 190px;
padding: 15px;
- }
+ } */
.flex-block-14-copy-copy {
grid-column-gap: 10px;
@@ -10521,7 +10521,7 @@ body {
.brandsortb {
grid-column-gap: 30px;
grid-row-gap: 30px;
- padding-top: 0;
+
overflow: hidden;
}