From aeff49ae7825c188cc939aa3a007e99b3557183e Mon Sep 17 00:00:00 2001 From: egortriston Date: Mon, 7 Jul 2025 17:43:33 +0300 Subject: [PATCH] =?UTF-8?q?=D0=B0=D0=B4=D0=B0=D0=BF=D1=82=D0=B0=D1=86?= =?UTF-8?q?=D0=B8=D1=8F=20=D0=BC=D0=BE=D0=B1=D0=B8=D0=BB=D0=BE=D0=BA=20?= =?UTF-8?q?=D0=BE=D1=82=201743?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/images/union.svg | 3 + src/components/Header.tsx | 5 + src/components/profile/ProfileHistoryTabs.tsx | 16 +-- src/styles/my.css | 133 +++++++++++++++--- src/styles/protekproject.webflow.css | 6 +- 5 files changed, 131 insertions(+), 32 deletions(-) create mode 100644 public/images/union.svg diff --git a/public/images/union.svg b/public/images/union.svg new file mode 100644 index 0000000..02f8399 --- /dev/null +++ b/public/images/union.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/Header.tsx b/src/components/Header.tsx index eca6eb5..5c0de30 100644 --- a/src/components/Header.tsx +++ b/src/components/Header.tsx @@ -734,6 +734,11 @@ const Header: React.FC = ({ onOpenAuthModal = () => console.log('Au
+ + + История заказов + +
Добавить в гараж
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; }