From 6fc48384b088be8d702ea567a1b65a44ebc80588 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Tue, 4 Mar 2025 15:09:10 +0300
Subject: [PATCH] Add logo

---
 apps/volt/assets/styles/app/_responsive.scss | 12 +---
 apps/volt/assets/styles/app/_topbar.scss     | 34 +++--------
 apps/volt/components/app/AppTopBar.vue       | 64 ++++++--------------
 3 files changed, 27 insertions(+), 83 deletions(-)

diff --git a/apps/volt/assets/styles/app/_responsive.scss b/apps/volt/assets/styles/app/_responsive.scss
index 0b73d6592..e9841c503 100644
--- a/apps/volt/assets/styles/app/_responsive.scss
+++ b/apps/volt/assets/styles/app/_responsive.scss
@@ -138,14 +138,6 @@
     .layout-topbar-inner {
         padding-left: 1rem;
         padding-right: 1rem;
-
-        .layout-topbar-logo {
-            display: none;
-        }
-
-        .layout-topbar-icon {
-            display: inline-flex;
-        }
     }
 
     .layout-content {
@@ -174,8 +166,8 @@
         padding-right: 1rem;
         font-size: 12px;
 
-        > i {
+        >i {
             display: none;
         }
     }
-}
+}
\ No newline at end of file
diff --git a/apps/volt/assets/styles/app/_topbar.scss b/apps/volt/assets/styles/app/_topbar.scss
index e76097e0b..e7d560308 100644
--- a/apps/volt/assets/styles/app/_topbar.scss
+++ b/apps/volt/assets/styles/app/_topbar.scss
@@ -24,33 +24,14 @@
     .layout-topbar-logo-container {
         width: 250px;
         margin-inline-end: 4rem;
-    }
-
-    .layout-topbar-logo,
-    .layout-topbar-icon {
-        transition: outline-color .2s;
-        outline-color: transparent;
-        @include focus-visible();
-
-        svg {
-            width: 120px;
-        }
+        padding-inline: 1rem;
     }
 
     .layout-topbar-logo {
         display: inline-flex;
-
-        svg {
-            width: 120px;
-        }
-    }
-
-    .layout-topbar-icon {
-        display: none;
-
-        svg {
-            width: 25px;
-        }
+        transition: outline-color .2s;
+        outline-color: transparent;
+        @include focus-visible();
     }
 
     .menu-button {
@@ -91,7 +72,8 @@
                 border-color: var(--primary-color);
             }
 
-            i, span {
+            i,
+            span {
                 color: var(--text-color);
             }
         }
@@ -130,7 +112,7 @@
             }
 
             .config-panel-colors {
-                > div {
+                >div {
                     padding-top: .5rem;
                     display: flex;
                     gap: .5rem;
@@ -218,4 +200,4 @@
             }
         }
     }
-}
+}
\ No newline at end of file
diff --git a/apps/volt/components/app/AppTopBar.vue b/apps/volt/components/app/AppTopBar.vue
index cc35a712f..81c6062f6 100755
--- a/apps/volt/components/app/AppTopBar.vue
+++ b/apps/volt/components/app/AppTopBar.vue
@@ -3,58 +3,28 @@
         <div class="layout-topbar-inner">
             <div class="layout-topbar-logo-container">
                 <PrimeVueNuxtLink to="/" class="layout-topbar-logo" aria-label="PrimeVue logo">
-                    <svg width="165" height="40" viewBox="0 0 165 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <svg width="87" height="40" viewBox="0 0 87 40" fill="none" xmlns="http://www.w3.org/2000/svg">
                         <path
-                            fill-rule="evenodd"
-                            clip-rule="evenodd"
-                            d="M128.062 32C128.438 32 128.656 31.8125 128.75 31.4375L134.031 7.6875C134.125 7.25 133.938 7 133.469 7H130.5C130.125 7 129.906 7.1875 129.812 7.5625L126.5 24.3125L123.219 7.5625C123.125 7.1875 122.906 7 122.531 7H119.562C119.094 7 118.906 7.25 119 7.6875L124.25 31.4375C124.344 31.8125 124.562 32 124.938 32H128.062ZM144.562 32C147.5 32 149.062 30.4375 149.062 27.5V7.625C149.062 7.28125 148.781 7 148.438 7H145.562C145.219 7 144.938 7.28125 144.938 7.625V26.625C144.938 27.4688 144.5 27.875 143.688 27.875H142.062C141.25 27.875 140.812 27.4688 140.812 26.625V7.625C140.812 7.28125 140.531 7 140.188 7H137.188C136.844 7 136.562 7.28125 136.562 7.625V27.5C136.562 30.4375 138.125 32 141.062 32H144.562ZM164.656 31.5C164.656 31.8125 164.531 32 164.156 32H152.656C152.375 32 152.188 31.8125 152.188 31.5V7.5C152.188 7.1875 152.375 7 152.656 7H164.156C164.531 7 164.656 7.1875 164.656 7.5V10.625C164.656 10.9375 164.531 11.1562 164.156 11.1562H156.344V17.4062H162.312C162.625 17.4062 162.812 17.5938 162.812 17.9375V21.0312C162.812 21.375 162.625 21.5625 162.312 21.5625H156.344V27.875H164.156C164.531 27.875 164.656 28.0312 164.656 28.375V31.5Z"
-                            fill="var(--logo-color)"
+                            d="M86.2669 20.7848C86.2669 20.9341 86.2243 21.0515 86.1389 21.1368C86.0536 21.2221 85.9363 21.2648 85.7869 21.2648H83.1309C83.0243 21.2648 82.9709 21.3181 82.9709 21.4248V26.4488C82.9709 27.5155 83.3549 28.0488 84.1229 28.0488H85.3069C85.4563 28.0488 85.5736 28.0915 85.6589 28.1768C85.7443 28.2621 85.7869 28.3795 85.7869 28.5288V32.6248C85.7869 32.9235 85.6269 33.0941 85.3069 33.1368C84.4749 33.2008 83.6749 33.2328 82.9069 33.2328C80.9656 33.2328 79.5363 32.9341 78.6189 32.3368C77.7016 31.7395 77.2323 30.6088 77.2109 28.9448V21.4248C77.2109 21.3181 77.1576 21.2648 77.0509 21.2648H75.3229C75.1736 21.2648 75.0563 21.2221 74.9709 21.1368C74.8856 21.0515 74.8429 20.9341 74.8429 20.7848V16.9448C74.8429 16.7955 74.8856 16.6781 74.9709 16.5928C75.0563 16.5075 75.1736 16.4648 75.3229 16.4648H77.0509C77.1576 16.4648 77.2109 16.4115 77.2109 16.3048V12.4648C77.2109 12.3155 77.2536 12.1981 77.3389 12.1128C77.4243 12.0275 77.5416 11.9848 77.6909 11.9848H82.4909C82.6403 11.9848 82.7576 12.0275 82.8429 12.1128C82.9283 12.1981 82.9709 12.3155 82.9709 12.4648V16.3048C82.9709 16.4115 83.0243 16.4648 83.1309 16.4648H85.7869C85.9363 16.4648 86.0536 16.5075 86.1389 16.5928C86.2243 16.6781 86.2669 16.7955 86.2669 16.9448V20.7848Z"
+                            fill="var(--p-primary-color)"
+                        />
+                        <path
+                            d="M67.7419 33.1048C67.5926 33.1048 67.4752 33.0621 67.3899 32.9768C67.3046 32.8915 67.2619 32.7741 67.2619 32.6248V11.1848C67.2619 11.0355 67.3046 10.9181 67.3899 10.8328C67.4752 10.7475 67.5926 10.7048 67.7419 10.7048H72.7979C72.9472 10.7048 73.0646 10.7475 73.1499 10.8328C73.2352 10.9181 73.2779 11.0355 73.2779 11.1848V32.6248C73.2779 32.7741 73.2352 32.8915 73.1499 32.9768C73.0646 33.0621 72.9472 33.1048 72.7979 33.1048H67.7419Z"
+                            fill="var(--p-primary-color)"
+                        />
+                        <path
+                            d="M57.2902 33.3608C55.2635 33.3608 53.5462 32.8168 52.1382 31.7288C50.7515 30.6408 49.8342 29.1688 49.3862 27.3128C49.1728 26.5448 49.0662 25.6915 49.0662 24.7528C49.0662 23.7075 49.1942 22.7581 49.4502 21.9048C49.9622 20.1341 50.9008 18.7475 52.2662 17.7448C53.6528 16.7208 55.3382 16.2088 57.3222 16.2088C59.3062 16.2088 60.9702 16.7208 62.3142 17.7448C63.6795 18.7475 64.6182 20.1128 65.1302 21.8408C65.3862 22.7368 65.5142 23.6861 65.5142 24.6888C65.5142 25.4995 65.4288 26.3101 65.2582 27.1208C64.8102 29.0408 63.8822 30.5661 62.4742 31.6968C61.0875 32.8061 59.3595 33.3608 57.2902 33.3608ZM57.2902 28.2088C57.8448 28.2088 58.2928 28.0275 58.6342 27.6648C58.9755 27.2808 59.2102 26.7795 59.3382 26.1608C59.4235 25.7555 59.4662 25.2755 59.4662 24.7208C59.4662 24.2301 59.4128 23.7395 59.3062 23.2488C58.9862 21.9901 58.3142 21.3608 57.2902 21.3608C56.2235 21.3608 55.5515 21.9901 55.2742 23.2488C55.1675 23.6115 55.1142 24.1021 55.1142 24.7208C55.1142 25.2755 55.1568 25.7555 55.2422 26.1608C55.5622 27.5261 56.2448 28.2088 57.2902 28.2088Z"
+                            fill="var(--p-primary-color)"
+                        />
+                        <path
+                            d="M37.5712 33.1048C37.4432 33.1048 37.3258 33.0728 37.2192 33.0088C37.1125 32.9235 37.0485 32.8168 37.0272 32.6888L30.7232 11.2488C30.7018 11.2061 30.6912 11.1528 30.6912 11.0888C30.6912 10.8328 30.8405 10.7048 31.1392 10.7048H36.6112C36.8885 10.7048 37.0592 10.8435 37.1232 11.1208L40.3232 24.6248C40.3445 24.7101 40.3765 24.7528 40.4192 24.7528C40.4618 24.7528 40.4938 24.7101 40.5152 24.6248L43.6192 11.1208C43.6832 10.8435 43.8538 10.7048 44.1312 10.7048H49.4752C49.6458 10.7048 49.7632 10.7581 49.8272 10.8648C49.9125 10.9501 49.9338 11.0781 49.8912 11.2488L43.5232 32.6888C43.5018 32.8168 43.4378 32.9235 43.3312 33.0088C43.2245 33.0728 43.1072 33.1048 42.9792 33.1048H37.5712Z"
+                            fill="var(--p-primary-color)"
                         />
                         <path
                             fill-rule="evenodd"
                             clip-rule="evenodd"
-                            d="M48.0938 32C48.4375 32 48.5938 31.8125 48.5938 31.5V23.625H52.3438C55.2812 23.625 56.8438 22.0312 56.8438 19.125V11.5C56.8438 8.5625 55.2812 7 52.3438 7H44.8438C44.5312 7 44.3438 7.1875 44.3438 7.5V31.5C44.3438 31.8125 44.5312 32 44.8438 32H48.0938ZM51.3438 19.5H48.5938V11.125H51.3438C52.1875 11.125 52.5938 11.5625 52.5938 12.375V18.25C52.5938 19.0312 52.1875 19.5 51.3438 19.5ZM63.9062 31.5C63.9062 31.8125 63.7188 32 63.4062 32H60.1562C59.8438 32 59.6562 31.8125 59.6562 31.5V7.5C59.6562 7.1875 59.8438 7 60.1562 7H68C70.9375 7 72.5 8.5625 72.5 11.5V19.125C72.5 21.2188 71.7188 22.5938 70.2188 23.25L72.375 31.4375C72.4688 31.8125 72.2812 32 71.9375 32H68.6875C68.375 32 68.2188 31.8438 68.1562 31.5625L66.0625 23.625H63.9062V31.5ZM67 19.5H63.9062V11.125H67C67.8125 11.125 68.25 11.5625 68.25 12.375V18.25C68.25 19.0625 67.8125 19.5 67 19.5ZM79.875 31.5C79.875 31.8125 79.6875 32 79.375 32H76.125C75.7812 32 75.625 31.8125 75.625 31.5V7.5C75.625 7.1875 75.7812 7 76.125 7H79.375C79.6875 7 79.875 7.1875 79.875 7.5V31.5ZM86.5 32C86.9062 32 87.125 31.7812 87.125 31.375V17.3125H87.3438L90.4375 31.4375C90.5312 31.8125 90.75 32 91.125 32H92.6562C93.0312 32 93.25 31.8125 93.3438 31.4375L96.4375 17.3125H96.6562V31.375C96.6562 31.7812 96.875 32 97.2812 32H100.188C100.594 32 100.812 31.7812 100.812 31.375V7.625C100.812 7.21875 100.594 7 100.188 7H96.0625C95.6875 7 95.4688 7.1875 95.375 7.5625L91.9062 23.125L88.4375 7.5625C88.3438 7.1875 88.125 7 87.75 7H83.625C83.2188 7 83 7.21875 83 7.625V31.375C83 31.7812 83.2188 32 83.625 32H86.5ZM116.406 31.5C116.406 31.8125 116.281 32 115.906 32H104.406C104.125 32 103.938 31.8125 103.938 31.5V7.5C103.938 7.1875 104.125 7 104.406 7H115.906C116.281 7 116.406 7.1875 116.406 7.5V10.625C116.406 10.9375 116.281 11.1562 115.906 11.1562H108.094V17.4062H114.062C114.375 17.4062 114.562 17.5938 114.562 17.9375V21.0312C114.562 21.375 114.375 21.5625 114.062 21.5625H108.094V27.875H115.906C116.281 27.875 116.406 28.0312 116.406 28.375V31.5Z"
-                            fill="var(--high-contrast-text-color)"
-                        />
-                        <path d="M25.5739 18.0458L22.8661 17.4443L24.9722 20.4519V29.7756L32.193 23.7603V13.5344L28.8835 14.7374L25.5739 18.0458Z" fill="var(--logo-color)" />
-                        <path d="M8.72522 18.0458L11.433 17.4443L9.32696 20.4519V29.7756L2.10609 23.7603V13.5344L5.41565 14.7374L8.72522 18.0458Z" fill="var(--logo-color)" />
-                        <path
-                            fill-rule="evenodd"
-                            clip-rule="evenodd"
-                            d="M10.2296 21.0534L12.6365 17.4443L14.1409 18.3466H20.1582L21.6626 17.4443L24.0696 21.0534V34.5878L22.2643 37.2947L20.1582 39.4H14.1409L12.0348 37.2947L10.2296 34.5878V21.0534Z"
-                            fill="var(--logo-color)"
-                        />
-                        <path d="M24.9722 35.4901L28.8835 31.5802V27.6702L24.9722 30.9786V35.4901Z" fill="var(--logo-color)" />
-                        <path d="M9.32697 35.4901L5.41566 31.5802V27.6702L9.32697 30.9786V35.4901Z" fill="var(--logo-color)" />
-                        <path
-                            fill-rule="evenodd"
-                            clip-rule="evenodd"
-                            d="M21.0609 0H20.1583V5.7988L21.8141 1.78842L21.0609 0ZM19.5762 7.20849L18.9548 7.51908V0H17.7513V11.6281L19.5762 7.20849ZM17.7513 14.2483L22.3605 3.08549L23.4678 5.7145L19.8574 17.1435H17.7513V14.2483ZM16.5478 11.6718V0H15.3443V7.51908L14.8434 7.26869L16.5478 11.6718ZM14.1409 5.45385V0H13.2383L12.6085 1.49519L14.1409 5.45385ZM12.0497 2.82181L16.5478 14.4419V17.1435H14.7426L10.8313 5.7145L12.0497 2.82181Z"
-                            fill="var(--high-contrast-text-color)"
-                        />
-                        <path
-                            fill-rule="evenodd"
-                            clip-rule="evenodd"
-                            d="M1.80522 12.3313L14.7426 17.1435H15.0435L11.1322 5.71452L0 4.81223L1.80522 12.3313ZM32.7948 12.3313L19.8574 17.1435H19.5565L23.167 5.71452L34.6 4.81223L32.7948 12.3313Z"
-                            fill="var(--logo-color)"
-                        />
-                        <path d="M24.0696 4.81221L30.3878 4.21069L26.1757 0H21.9635L24.0696 4.81221Z" fill="var(--high-contrast-text-color)" />
-                        <path d="M10.2295 4.81221L3.91129 4.21069L8.12346 0H12.3356L10.2295 4.81221Z" fill="var(--high-contrast-text-color)" />
-                        <path d="M4.70001 5.20001L11.2 5.70001L15.1 17.15H14.7L10.5 15.6L4.70001 5.20001Z" fill="var(--high-contrast-text-color)" />
-                        <path d="M29.8 5.20001L23.1 5.70001L19.4 17.15L19.9 17.14L23.8 15.7L29.8 5.20001Z" fill="var(--high-contrast-text-color)" />
-                        <path d="M12.1 18.2L12.6 17.4L14.3 18.2H20.3L21.6 17.4L22.2 18.2L17.15 26.8L12.1 18.2Z" fill="var(--high-contrast-text-color)" />
-                        <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0297 0L17.1214 13.1536L22.5526 0H12.0297Z" fill="var(--logo-color)" />
-                    </svg>
-                </PrimeVueNuxtLink>
-                <PrimeVueNuxtLink to="/" class="layout-topbar-icon" aria-label="PrimeVue logo">
-                    <svg width="35" height="40" viewBox="0 0 35 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-                        <path
-                            d="M25.87 18.05L23.16 17.45L25.27 20.46V29.78L32.49 23.76V13.53L29.18 14.73L25.87 18.04V18.05ZM25.27 35.49L29.18 31.58V27.67L25.27 30.98V35.49ZM20.16 17.14H20.03H20.17H20.16ZM30.1 5.19L34.89 4.81L33.08 12.33L24.1 15.67L30.08 5.2L30.1 5.19ZM5.72 14.74L2.41 13.54V23.77L9.63 29.79V20.47L11.74 17.46L9.03 18.06L5.72 14.75V14.74ZM9.63 30.98L5.72 27.67V31.58L9.63 35.49V30.98ZM4.8 5.2L10.78 15.67L1.81 12.33L0 4.81L4.79 5.19L4.8 5.2ZM24.37 21.05V34.59L22.56 37.29L20.46 39.4H14.44L12.34 37.29L10.53 34.59V21.05L12.42 18.23L17.45 26.8L22.48 18.23L24.37 21.05ZM22.85 0L22.57 0.69L17.45 13.08L12.33 0.69L12.05 0H22.85Z"
-                            fill="var(--logo-color)"
-                        />
-                        <path
-                            d="M30.69 4.21L24.37 4.81L22.57 0.69L22.86 0H26.48L30.69 4.21ZM23.75 5.67L22.66 3.08L18.05 14.24V17.14H19.7H20.03H20.16H20.2L24.1 15.7L30.11 5.19L23.75 5.67ZM4.21002 4.21L10.53 4.81L12.33 0.69L12.05 0H8.43002L4.22002 4.21H4.21002ZM21.9 17.4L20.6 18.2H14.3L13 17.4L12.4 18.2L12.42 18.23L17.45 26.8L22.48 18.23L22.5 18.2L21.9 17.4ZM4.79002 5.19L10.8 15.7L14.7 17.14H14.74H15.2H16.85V14.24L12.24 3.09L11.15 5.68L4.79002 5.2V5.19Z"
-                            fill="var(--high-contrast-text-color)"
+                            d="M4.043 15.0334L8.03101 16.6142H10.7377L11.713 0.106103C11.7195 -0.00249146 11.5724 -0.0417968 11.5238 0.0555237L4.043 15.0334ZM2.55847 23.2515H0.100129C0.0258101 23.2515 -0.0225409 23.1733 0.0106666 23.1068L2.30586 18.5114L4.69286 17.9483L2.55847 21.1927V23.2515ZM17.4689 29.2273L10.9293 39.2178C10.8699 39.3085 10.7288 39.2531 10.747 39.1462L13.4481 23.2515H4.44864V21.8287H4.46887L6.90673 17.9375L8.42408 18.9076H13.5137L15.031 17.9375L17.4689 21.8287V29.2273ZM20.0244 17.8162H24.7534C24.8329 17.8162 24.8806 17.9044 24.8371 17.9709L19.3793 26.3088V21.1927L17.2449 17.9483L19.3793 18.595L20.0244 17.8162Z"
+                            fill="var(--p-primary-color)"
                         />
                     </svg>
                 </PrimeVueNuxtLink>