From 47baf6efadffbe825f7c192fbaadee0436b585f0 Mon Sep 17 00:00:00 2001
From: rAskVAL <roberts.ribakovs@cardinals.cc>
Date: Wed, 16 Jul 2025 12:20:10 +0300
Subject: [PATCH] SD-106: Update logos

---
 src/domains/misc/components/Layout/Layout.tsx |  1 +
 .../misc/components/Layout/TopBar/Brand.tsx   |  6 +--
 .../misc/components/Layout/TopBar/TopBar.tsx  |  8 +++-
 .../misc/components/Layout/TopBar/consts.ts   |  5 ++-
 .../misc/components/Layout/TopBar/logo.svg    |  6 +--
 .../components/Layout/TopBar/logoType.svg     | 41 ++++++++-----------
 6 files changed, 31 insertions(+), 36 deletions(-)

diff --git a/src/domains/misc/components/Layout/Layout.tsx b/src/domains/misc/components/Layout/Layout.tsx
index 508fe8f..04864c3 100644
--- a/src/domains/misc/components/Layout/Layout.tsx
+++ b/src/domains/misc/components/Layout/Layout.tsx
@@ -94,6 +94,7 @@ const BottomNavigationContainer = styled.div`
   width: 100%;
 
   background: ${vars('--color-neutral-background-2-rest')};
+  overflow: hidden;
 
   border-top: 1px solid ${vars('--color-neutral-stroke-2-rest')};
 `;
diff --git a/src/domains/misc/components/Layout/TopBar/Brand.tsx b/src/domains/misc/components/Layout/TopBar/Brand.tsx
index 481d9a3..7b16f7b 100644
--- a/src/domains/misc/components/Layout/TopBar/Brand.tsx
+++ b/src/domains/misc/components/Layout/TopBar/Brand.tsx
@@ -2,7 +2,7 @@ import styled from 'styled-components';
 
 import vars from 'src/domains/styling/utils/vars';
 
-import { BRAND_CONTAINER_TITLE, BRAND_LOGO_WIDTH_DESKTOP } from './consts';
+import { BRAND_CONTAINER_TITLE, BRAND_LOGO_WIDTH_MOBILE } from './consts';
 import LogoSvg from './logo.svg?react';
 import LogoTypeSvg from './logoType.svg?react';
 
@@ -32,13 +32,13 @@ const Container = styled.div`
 const MobileLogo = styled(LogoSvg)`
   display: none;
     
-  @container ${BRAND_CONTAINER_TITLE} (max-width: ${BRAND_LOGO_WIDTH_DESKTOP}) { /* stylelint-disable-line at-rule-prelude-no-invalid */
+  @container ${BRAND_CONTAINER_TITLE} (max-width: ${BRAND_LOGO_WIDTH_MOBILE}) { /* stylelint-disable-line at-rule-prelude-no-invalid */
     display: block;
   }
 `;
 
 const DesktopLogo = styled(LogoTypeSvg)`
-  @container ${BRAND_CONTAINER_TITLE} (max-width: ${BRAND_LOGO_WIDTH_DESKTOP}) { /* stylelint-disable-line at-rule-prelude-no-invalid */
+  @container ${BRAND_CONTAINER_TITLE} (max-width: ${BRAND_LOGO_WIDTH_MOBILE}) { /* stylelint-disable-line at-rule-prelude-no-invalid */
     display: none;
   }
 `;
diff --git a/src/domains/misc/components/Layout/TopBar/TopBar.tsx b/src/domains/misc/components/Layout/TopBar/TopBar.tsx
index 1d8c3c0..cfd0c38 100644
--- a/src/domains/misc/components/Layout/TopBar/TopBar.tsx
+++ b/src/domains/misc/components/Layout/TopBar/TopBar.tsx
@@ -15,7 +15,7 @@ import Navigation from '../Navigation';
 
 import Brand from './Brand';
 import * as NavBox from './NavBox';
-import { BRAND_CONTAINER_TITLE, BRAND_LOGO_HEIGHT } from './consts';
+import { BRAND_CONTAINER_TITLE, BRAND_LOGO_HEIGHT_DESKTOP, BRAND_LOGO_HEIGHT_MOBILE } from './consts';
 import UserIcon from './userIcon.svg?react';
 
 const TopBar = () => {
@@ -70,9 +70,13 @@ export default TopBar;
 
 const StyledBrand = styled(Brand)`
   margin-left: 8px;
-  height: ${BRAND_LOGO_HEIGHT};
+  height: ${BRAND_LOGO_HEIGHT_DESKTOP};
 
   flex-shrink: 0;
+
+  @media (width <= ${BOTTOM_MENU_BREAKPOINT}) { /* stylelint-disable-line media-query-no-invalid */
+    height: ${BRAND_LOGO_HEIGHT_MOBILE};
+  }
 `;
 
 const BrandContainer = styled.div`
diff --git a/src/domains/misc/components/Layout/TopBar/consts.ts b/src/domains/misc/components/Layout/TopBar/consts.ts
index 1740d59..5e590a3 100644
--- a/src/domains/misc/components/Layout/TopBar/consts.ts
+++ b/src/domains/misc/components/Layout/TopBar/consts.ts
@@ -1,3 +1,4 @@
 export const BRAND_CONTAINER_TITLE = 'brandcontainer';
-export const BRAND_LOGO_WIDTH_DESKTOP = '150px';
-export const BRAND_LOGO_HEIGHT = '18px';
+export const BRAND_LOGO_WIDTH_MOBILE = '175px';
+export const BRAND_LOGO_HEIGHT_DESKTOP = '39px';
+export const BRAND_LOGO_HEIGHT_MOBILE = '32px';
diff --git a/src/domains/misc/components/Layout/TopBar/logo.svg b/src/domains/misc/components/Layout/TopBar/logo.svg
index d65d29b..4557ad7 100644
--- a/src/domains/misc/components/Layout/TopBar/logo.svg
+++ b/src/domains/misc/components/Layout/TopBar/logo.svg
@@ -1,5 +1,3 @@
-<svg viewBox="0 0 30 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path
-    d="M29.2274 6.53615C27.7563 1.67905 22.6301 -1.06798 17.7724 0.394347L9.58797 2.87317L7.01957 0C2.16687 1.47867 -0.57372 6.60831 0.897353 11.4654C2.36843 16.3225 7.49462 19.0695 12.3523 17.6072L20.5418 15.1269L23.1101 18C27.9597 16.5193 30.6979 11.3916 29.2274 6.53615ZM22.09 14.6499L20.5361 15.1206L17.9678 12.2474L11.3372 14.2556C8.33053 15.1573 5.15933 13.4564 4.24887 10.4503C3.3384 7.44423 5.03297 4.26966 8.03469 3.3516L9.59358 2.87946L12.162 5.75263L18.7875 3.74595C21.7942 2.84425 24.9654 4.54512 25.8759 7.55122C26.7863 10.5573 25.0917 13.7319 22.09 14.6499Z"
-    fill="#1E232B"/>
+<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" fill="none">
+  <path d="M19.3643 6.01587H11.9493C11.2435 6.01587 10.5665 6.29627 10.0674 6.7954L6.83706 10.0259C6.338 10.525 6.05762 11.2019 6.05762 11.9077V19.3226C6.05762 20.7924 7.24915 21.9839 8.71896 21.9839H16.1707C16.8766 21.9839 17.5535 21.7035 18.0526 21.2044L21.2462 18.0108C21.7453 17.5117 22.0257 16.8348 22.0257 16.129V8.67721C22.0257 7.20738 20.8342 6.01587 19.3643 6.01587ZM19.3625 17.9919C19.3625 18.7268 18.7667 19.3226 18.0318 19.3226H10.0477C9.31283 19.3226 8.71708 18.7268 8.71708 17.9919V10.0079C8.71708 9.27298 9.31283 8.67721 10.0477 8.67721H18.0318C18.7667 8.67721 19.3625 9.27298 19.3625 10.0079V17.9919Z" fill="white"/>
 </svg>
diff --git a/src/domains/misc/components/Layout/TopBar/logoType.svg b/src/domains/misc/components/Layout/TopBar/logoType.svg
index 9aaf90d..8ea3e3f 100644
--- a/src/domains/misc/components/Layout/TopBar/logoType.svg
+++ b/src/domains/misc/components/Layout/TopBar/logoType.svg
@@ -1,30 +1,21 @@
-<svg width="140" height="18" viewBox="0 0 140 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <g clip-path="url(#clip0_4002_74426)">
-    <path
-      d="M44.7093 13.6226C43.8416 14.197 42.8726 14.4825 41.7983 14.4825C40.3748 14.4825 39.1916 13.9905 38.2452 13.0067C37.2986 12.0229 36.8253 10.7012 36.8253 9.15417C36.8253 7.60711 37.2986 6.33048 38.2339 5.33162C39.1691 4.33287 40.3598 3.8297 41.7983 3.8297C42.8726 3.8297 43.8228 4.13011 44.6416 4.73081C45.4604 5.33162 46.005 6.05259 46.2793 6.88999L48.1085 5.93243C47.5826 4.5844 46.7412 3.56687 45.5956 2.87214C44.4501 2.17749 43.1806 1.83203 41.7983 1.83203C39.7401 1.83203 38.0273 2.53045 36.6601 3.92351C35.2929 5.31657 34.6094 7.04014 34.6094 9.15417C34.6094 11.2682 35.2892 13.0143 36.6451 14.3999C38.001 15.7854 39.7175 16.4764 41.7945 16.4764H41.8021C43.297 16.4764 44.6228 16.1121 45.7909 15.3836C46.9591 14.6552 47.8155 13.5287 48.3601 11.9967L46.6098 11.1218C46.2079 12.2145 45.5731 13.048 44.7093 13.6226Z"
-      fill="#1E232B"/>
-    <path
-      d="M56.4134 1.83203C54.2988 1.83203 52.5635 2.51544 51.2076 3.88221C49.8516 5.24902 49.1719 7.00631 49.1719 9.15417C49.1719 11.302 49.8516 13.0593 51.2076 14.4261C52.5635 15.793 54.2988 16.4764 56.4134 16.4764C58.528 16.4764 60.2634 15.793 61.6193 14.4261C62.9752 13.0593 63.655 11.302 63.655 9.15417C63.655 7.0063 62.9752 5.24902 61.6193 3.88221C60.2596 2.51544 58.5281 1.83203 56.4134 1.83203ZM60.038 13.048C59.099 14.0394 57.8933 14.535 56.4172 14.535C54.941 14.535 53.7353 14.0394 52.7964 13.048C51.8574 12.053 51.3879 10.7576 51.3879 9.15417H51.3954C51.3954 7.58834 51.8687 6.30038 52.8151 5.29033C53.7617 4.28026 54.9636 3.77336 56.421 3.77336C57.8783 3.77336 59.0802 4.28026 60.0267 5.29033C60.9732 6.30039 61.4465 7.55077 61.4465 9.15417C61.4465 10.7576 60.977 12.0567 60.038 13.048Z"
-      fill="#1E232B"/>
-    <path
-      d="M81.0781 1.83594C79.0573 1.83594 77.6902 2.73717 76.9803 4.53949H76.3793C76.03 3.75844 75.4779 3.1126 74.7116 2.60196C73.9491 2.09126 73.0215 1.83594 71.981 1.83594C70.9406 1.83594 70.073 2.09502 69.3706 2.61317C68.6682 3.13138 68.1988 3.77349 67.9621 4.53949H67.4137V2.1889H65.2578V16.1197H67.4175V7.92643C67.4175 6.72492 67.7593 5.74111 68.4428 4.97511C69.1265 4.21283 69.9903 3.82983 71.027 3.82983C72.0637 3.82983 72.9313 4.16022 73.6224 4.82484C74.3135 5.48947 74.659 6.37564 74.659 7.48708V16.1197H76.8188V7.92643C76.8188 6.63474 77.1681 5.62842 77.8592 4.90745C78.5503 4.19031 79.3803 3.82983 80.4546 3.82983C81.5288 3.82983 82.389 4.16022 83.0349 4.81364C83.681 5.46695 84.004 6.3719 84.004 7.51717V16.1235H86.16V7.08156C86.16 5.6059 85.7018 4.36299 84.7815 3.35292C83.8613 2.34284 82.6256 1.83594 81.0781 1.83594Z"
-      fill="#1E232B"/>
-    <path
-      d="M104.164 1.83594C102.143 1.83594 100.776 2.73717 100.066 4.53949H99.4654C99.1165 3.75844 98.5637 3.1126 97.7975 2.60196C97.0351 2.09126 96.1074 1.83594 95.0669 1.83594C94.0266 1.83594 93.1589 2.09502 92.4566 2.61317C91.7542 3.13138 91.2846 3.77349 91.048 4.53949H90.4997V2.1889H88.3438V16.1197H90.5035V7.92643C90.5035 6.72492 90.8453 5.73727 91.5288 4.97511C92.2124 4.21283 93.0763 3.82983 94.113 3.82983C95.1496 3.82983 96.0172 4.16022 96.7083 4.82484C97.3994 5.48947 97.7452 6.37564 97.7452 7.48708V16.1197H99.9051V7.92643C99.9051 6.63474 100.254 5.62842 100.946 4.90745C101.636 4.19031 102.466 3.82983 103.541 3.82983C104.614 3.82983 105.475 4.16022 106.121 4.81364C106.767 5.46695 107.09 6.3719 107.09 7.51717V16.1235H109.246V7.08156C109.246 5.6059 108.788 4.36299 107.867 3.35292C106.947 2.34284 105.712 1.83594 104.164 1.83594Z"
-      fill="#1E232B"/>
-    <path
-      d="M118.273 1.83203C116.158 1.83203 114.423 2.51544 113.067 3.88221C111.711 5.24902 111.031 7.00631 111.031 9.15417C111.031 11.302 111.711 13.0593 113.067 14.4261C114.423 15.793 116.158 16.4764 118.273 16.4764C120.387 16.4764 122.122 15.793 123.479 14.4261C124.835 13.0593 125.515 11.302 125.515 9.15417C125.515 7.0063 124.835 5.24902 123.479 3.88221C122.119 2.51544 120.387 1.83203 118.273 1.83203ZM121.897 13.048C120.958 14.0394 119.753 14.535 118.276 14.535C116.8 14.535 115.594 14.0431 114.655 13.048C113.716 12.053 113.248 10.7576 113.248 9.15417H113.255C113.255 7.58834 113.728 6.30038 114.675 5.29033C115.621 4.28026 116.823 3.77336 118.28 3.77336C119.737 3.77336 120.94 4.28026 121.886 5.29033C122.833 6.30039 123.306 7.55077 123.306 9.15417C123.306 10.7576 122.836 12.0567 121.897 13.048Z"
-      fill="#1E232B"/>
-    <path
-      d="M137.995 3.36797C137.067 2.3466 135.801 1.83594 134.197 1.83594C133.139 1.83594 132.256 2.09502 131.545 2.61317C130.836 3.13138 130.363 3.77349 130.126 4.53949H129.578V2.1889H127.422V16.1197H129.578V7.92643C129.578 6.7436 129.949 5.76363 130.697 4.99004C131.444 4.21657 132.402 3.82983 133.567 3.82983C134.585 3.82983 135.452 4.17527 136.162 4.86614C136.876 5.56087 137.229 6.4433 137.229 7.51717V16.1235H139.388V7.08156C139.388 5.62468 138.923 4.38934 137.995 3.36797Z"
-      fill="#1E232B"/>
-    <path
-      d="M28.7274 6.53615C27.2563 1.67905 22.1301 -1.06798 17.2724 0.394347L9.08797 2.87317L6.51957 0C1.66687 1.47867 -1.07372 6.60831 0.397353 11.4654C1.86843 16.3225 6.99462 19.0695 11.8523 17.6072L20.0418 15.1269L22.6101 18C27.4597 16.5193 30.1979 11.3916 28.7274 6.53615ZM21.59 14.6499L20.0361 15.1206L17.4678 12.2474L10.8372 14.2556C7.83053 15.1573 4.65933 13.4564 3.74887 10.4503C2.8384 7.44423 4.53297 4.26966 7.53469 3.3516L9.09358 2.87946L11.662 5.75263L18.2875 3.74595C21.2942 2.84425 24.4654 4.54512 25.3759 7.55122C26.2863 10.5573 24.5917 13.7319 21.59 14.6499Z"
-      fill="#1E232B"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 214 40" fill="none">
+  <g clip-path="url(#clip0_7068_25629)">
+    <path d="M40.849 8.82246H49.6862C53.5435 8.82246 55.8751 10.78 55.8751 14.0328C55.8751 16.1342 54.7813 17.8038 52.9678 18.4082V18.5521C55.2131 19.2142 56.5661 21.0853 56.5661 23.5032C56.5661 27.0153 54.0616 29.1454 49.974 29.1454H40.849L40.849 8.82246ZM52.8527 14.4934C52.8527 12.6511 51.4997 11.5571 49.312 11.5571H44.0154V17.4582H49.312C51.4997 17.4582 52.8527 16.3644 52.8527 14.4934ZM53.3996 23.2442C53.3996 21.2581 51.989 20.0778 49.6574 20.0778H44.0154V26.4105H49.6574C51.989 26.4105 53.3996 25.2591 53.3996 23.2442Z" fill="white"/>
+    <path d="M59.9909 7.95893L63.0421 7.69978V29.1453H59.9909V7.95893Z" fill="white"/>
+    <path d="M66.191 24.5683C66.191 22.208 67.8318 20.5959 70.6529 20.2505L74.9995 19.7324C75.8918 19.6173 76.2948 19.1566 76.2948 18.2931C76.2948 16.8538 75.1433 15.9327 73.3587 15.9327C71.574 15.9327 70.3075 16.8538 70.0771 18.2931H66.8818C67.1698 15.3281 69.6741 13.457 73.3299 13.457C77.0721 13.457 79.3174 15.3858 79.3174 18.6961V29.1454H76.2948V26.8712H76.1509C75.4313 28.2817 73.3299 29.3467 71.286 29.3467C68.1772 29.3467 66.191 27.4756 66.191 24.5683ZM76.2948 22.3807V21.6323C76.0645 21.7762 75.7479 21.8913 75.3737 21.9489L71.5164 22.3807C70.1922 22.5246 69.4149 23.3307 69.4149 24.5683C69.4149 25.9499 70.3937 26.8424 71.9194 26.8424C74.3375 26.8424 76.2948 24.8849 76.2948 22.3807Z" fill="white"/>
+    <path d="M83.0875 13.745H86.1388V16.1054H86.2828C87.0887 14.5221 89.0463 13.457 91.0901 13.457C94.4005 13.457 96.5594 15.6159 96.5594 18.9839V29.1454H93.5368V19.387C93.5368 17.4582 92.299 16.2205 90.4279 16.2205C87.9524 16.2205 86.1388 18.1492 86.1388 20.8262V29.1454H83.0875V13.745Z" fill="white"/>
+    <path d="M100.318 7.95893L103.369 7.69978V20.8262H103.513L110.22 13.745H113.531L107.572 20.3657L113.819 29.1453H110.48L105.538 22.4641L103.369 24.5428V29.1453H100.318V7.95893Z" fill="white"/>
+    <path d="M114.837 24.5106H118.004C118.061 26.0363 119.212 26.9577 121.084 26.9577C123.07 26.9577 124.308 26.1516 124.308 24.856C124.308 23.8486 123.674 23.2154 122.465 23.0138L119.241 22.467C116.679 22.0353 115.269 20.5096 115.269 18.178C115.269 15.3281 117.572 13.457 121.112 13.457C124.567 13.457 126.841 15.2993 127.013 18.2931H123.962C123.905 16.8538 122.753 15.9327 121.026 15.9327C119.385 15.9327 118.32 16.7386 118.32 17.9765C118.32 18.9263 118.953 19.5597 120.162 19.7612L123.387 20.3081C125.92 20.74 127.359 22.2655 127.359 24.5683C127.359 27.562 124.912 29.462 121.026 29.462C117.255 29.462 114.952 27.6197 114.837 24.5106Z" fill="white"/>
+    <path d="M129.661 21.4595C129.661 16.7097 132.425 13.4858 136.57 13.4858C138.815 13.4858 140.427 14.3493 141.406 16.1053H141.521V13.7449H144.572V34.2115H141.521V26.7847H141.406C140.427 28.5406 138.815 29.4043 136.57 29.4043C132.425 29.4043 129.661 26.1803 129.661 21.4595ZM141.521 22.1503V20.7685C141.291 17.89 139.564 16.0477 137.146 16.0477C134.497 16.0477 132.741 18.2066 132.741 21.4595C132.741 24.6835 134.497 26.8424 137.146 26.8424C139.564 26.8424 141.291 25.0001 141.521 22.1503Z" fill="white"/>
+    <path d="M161.803 29.1453H158.751V26.7847H158.607C157.801 28.368 155.844 29.4331 153.8 29.4331C150.49 29.4331 148.331 27.2742 148.331 23.9062V13.7449H151.353V23.5031C151.353 25.4319 152.591 26.6694 154.462 26.6694C156.938 26.6694 158.751 24.7411 158.751 22.0639V13.7449H161.803V29.1453Z" fill="white"/>
+    <path d="M164.949 24.5683C164.949 22.208 166.589 20.5959 169.41 20.2505L173.757 19.7324C174.649 19.6173 175.052 19.1566 175.052 18.2931C175.052 16.8538 173.901 15.9327 172.116 15.9327C170.332 15.9327 169.065 16.8538 168.835 18.2931H165.639C165.927 15.3281 168.432 13.457 172.087 13.457C175.83 13.457 178.075 15.3858 178.075 18.6961V29.1454H175.052V26.8712H174.908C174.189 28.2817 172.087 29.3467 170.044 29.3467C166.935 29.3467 164.949 27.4756 164.949 24.5683ZM175.052 22.3807V21.6323C174.822 21.7762 174.505 21.8913 174.131 21.9489L170.274 22.3807C168.95 22.5246 168.172 23.3307 168.172 24.5683C168.172 25.9499 169.151 26.8424 170.677 26.8424C173.095 26.8424 175.052 24.8849 175.052 22.3807Z" fill="white"/>
+    <path d="M181.845 13.745H184.867V15.8174H185.011C185.529 14.3206 186.882 13.457 188.667 13.457H190.797L190.668 16.5659H188.264C186.191 16.5659 184.867 17.6886 184.867 19.502V29.1454H181.845V13.745Z" fill="white"/>
+    <path d="M191.363 21.4596C191.363 16.6811 194.27 13.457 198.588 13.457C203.395 13.457 206.101 16.7962 205.784 22.3231H194.414C194.673 25.173 196.227 26.9289 198.645 26.9289C200.603 26.9289 201.984 26.094 202.589 24.5106H205.755C204.806 27.7061 202.301 29.462 198.588 29.462C194.27 29.462 191.363 26.2092 191.363 21.4596ZM202.848 20.0778C202.474 17.4008 201.006 15.9615 198.645 15.9615C196.371 15.9615 194.874 17.5158 194.471 20.0778H202.848Z" fill="white"/>
+    <path d="M28.6552 6.7901H17.3305C16.2525 6.7901 15.2186 7.21834 14.4563 7.98065L9.52276 12.9144C8.76055 13.6767 8.33234 14.7105 8.33234 15.7885V27.113C8.33234 29.3578 10.1521 31.1776 12.3969 31.1776H23.7777C24.8557 31.1776 25.8896 30.7493 26.6518 29.9871L31.5293 25.1096C32.2916 24.3473 32.7198 23.3135 32.7198 22.2355V10.8547C32.7198 8.60988 30.9 6.7901 28.6552 6.7901ZM28.6523 25.0807C28.6523 26.2031 27.7425 27.113 26.6201 27.113H14.4263C13.3039 27.113 12.394 26.2031 12.394 25.0807V12.887C12.394 11.7646 13.3039 10.8547 14.4263 10.8547H26.6201C27.7425 10.8547 28.6523 11.7646 28.6523 12.887V25.0807Z" fill="white"/>
   </g>
   <defs>
-    <clipPath id="clip0_4002_74426">
-      <rect width="139.5" height="18" fill="white"/>
+    <clipPath id="clip0_7068_25629">
+      <rect width="214" height="39.0199" fill="white" transform="translate(0 0.490051)"/>
     </clipPath>
   </defs>
 </svg>