From 305de62c5a29ae4f9275e789747caedcdb6931b7 Mon Sep 17 00:00:00 2001
From: Dominik Zborowski <dominik.zborowski@gmail.com>
Date: Tue, 22 Oct 2024 09:35:48 +0200
Subject: [PATCH] feat: navbar changes  (#506)

---
 components/AppNavbar.vue                | 5 +++--
 components/AppNavbarLanding.vue         | 2 +-
 components/AppNavbarProfileDropdown.vue | 2 +-
 public/images/logo-ue.svg               | 6 ++++++
 4 files changed, 11 insertions(+), 4 deletions(-)
 create mode 100644 public/images/logo-ue.svg

diff --git a/components/AppNavbar.vue b/components/AppNavbar.vue
index 525997a0..4a0d275d 100644
--- a/components/AppNavbar.vue
+++ b/components/AppNavbar.vue
@@ -49,9 +49,10 @@ const handleNavigateSettings = () => {
 
 <template>
   <lukso-navbar
-    is-sticky
-    :title="$formatMessage('header_title')"
     :is-testnet="isTestnet ? true : undefined"
+    logo-url="/images/logo-ue.svg"
+    is-sticky
+    is-transparent
     has-menu
     mobile-breakpoint="lg"
     @on-brand-click="handleNavigateLanding"
diff --git a/components/AppNavbarLanding.vue b/components/AppNavbarLanding.vue
index e39e9681..293f7df7 100644
--- a/components/AppNavbarLanding.vue
+++ b/components/AppNavbarLanding.vue
@@ -17,8 +17,8 @@ const handleDisconnect = async () => {
 
 <template>
   <lukso-navbar
-    :title="$formatMessage('header_title')"
     :is-testnet="isTestnet ? true : undefined"
+    logo-url="/images/logo-ue.svg"
     is-transparent
     has-menu
   >
diff --git a/components/AppNavbarProfileDropdown.vue b/components/AppNavbarProfileDropdown.vue
index 6473b6e1..7a9d254f 100644
--- a/components/AppNavbarProfileDropdown.vue
+++ b/components/AppNavbarProfileDropdown.vue
@@ -57,7 +57,7 @@ onUnmounted(() => {
       has-identicon
     ></lukso-profile>
     <div
-      class="absolute right-0 z-[1000] mt-8 animate-fade-in select-none rounded-12 bg-neutral-100 shadow-pink-drop-shadow animation-duration-150 before:absolute before:right-0 before:top-0 before:-mt-1 before:mr-4 before:size-3 before:rotate-45 before:bg-neutral-100"
+      class="absolute right-0 z-[1000] mt-4 animate-fade-in select-none rounded-12 bg-neutral-100 shadow-pink-drop-shadow animation-duration-150 before:absolute before:right-0 before:top-0 before:-mt-1 before:mr-4 before:size-3 before:rotate-45 before:bg-neutral-100"
       :class="isDropdownOpen ? 'block' : 'hidden'"
     >
       <lukso-button
diff --git a/public/images/logo-ue.svg b/public/images/logo-ue.svg
new file mode 100644
index 00000000..799e3bc5
--- /dev/null
+++ b/public/images/logo-ue.svg
@@ -0,0 +1,6 @@
+<svg width="827" height="183" viewBox="0 0 827 183" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 124.396C4.57489e-07 113.344 2.1021 103.555 6.30631 95.0257C10.6306 86.6172 16.7568 80.0102 24.6847 75.2054C32.6127 70.4006 41.982 67.998 52.7929 67.998H121.25C125.137 67.998 128.288 71.1492 128.288 75.0365V99.1587C128.288 103.046 125.137 106.197 121.25 106.197H51.1712C47.3276 106.197 43.844 106.918 40.7208 108.359C37.7179 109.921 35.3755 112.023 33.6937 114.666C32.012 117.429 31.1712 120.612 31.1712 124.216C31.1712 127.939 32.012 131.123 33.6937 133.765C35.3755 136.408 37.7179 138.45 40.7208 139.892C43.844 141.453 47.3276 142.234 51.1712 142.234H121.25C125.137 142.234 128.288 145.385 128.288 149.273V173.395C128.288 177.282 125.137 180.433 121.25 180.433H52.7929C41.982 180.433 32.6127 178.031 24.6847 173.226C16.7568 168.421 10.6306 161.814 6.30631 153.406C2.1021 144.997 -4.92681e-07 135.327 0 124.396Z" fill="black"/>
+<path d="M6.30631 31.68C2.1021 40.2089 4.83056e-07 49.9987 0 61.0501C-2.44695e-08 61.61 0.0055132 62.1664 0.0165397 62.7197C0.0306773 63.4288 0.0538782 64.1326 0.0861424 64.8312C0.158303 66.3934 2.3997 66.8797 3.19917 65.5357C3.21257 65.5132 3.20687 65.5241 3.22138 65.5023L3.43346 65.1831C7.69043 58.8904 13.1937 53.7889 19.9433 49.879C28.2508 45.0665 38.0687 42.66 49.3972 42.66H121.25C125.137 42.66 128.288 39.5089 128.288 35.6216V11.6908C128.288 7.80346 125.137 4.65234 121.25 4.65234H52.7929C41.982 4.65234 32.6127 7.05492 24.6847 11.8597C16.7568 16.6645 10.6306 23.2715 6.30631 31.68Z" fill="black"/>
+<path d="M216.218 5.9131C216.218 4.9413 217.006 4.15348 217.978 4.15348H221.469C222.441 4.15348 223.229 4.9413 223.229 5.9131V54.9923C223.229 60.2163 222.004 64.8902 219.555 69.0143C217.106 73.1135 213.694 76.3502 209.32 78.7246C204.971 81.0744 199.91 82.2491 194.136 82.2491C188.388 82.2491 183.326 81.0617 178.952 78.6873C174.578 76.3129 171.167 73.0759 168.717 68.977C166.268 64.8778 165.043 60.2163 165.043 54.9923V5.9131C165.043 4.9413 165.831 4.15348 166.803 4.15348H170.294C171.266 4.15348 172.054 4.9413 172.054 5.9131V54.5049C172.054 58.5791 172.966 62.2159 174.791 65.4152C176.615 68.5896 179.177 71.0889 182.476 72.9137C185.801 74.738 189.687 75.6506 194.136 75.6506C198.585 75.6506 202.472 74.738 205.796 72.9137C209.12 71.0889 211.682 68.5896 213.481 65.4152C215.306 62.2159 216.218 58.5791 216.218 54.5049V5.9131ZM299.321 4.15348C300.293 4.15348 301.081 4.9413 301.081 5.9131V79.1772C301.081 80.1488 300.293 80.9368 299.321 80.9368H295.169C294.598 80.9368 294.061 80.6588 293.732 80.1914L249.012 16.8057C248.938 16.7007 248.817 16.6383 248.689 16.6383C248.47 16.6383 248.293 16.8153 248.293 17.0335V79.1772C248.293 80.1488 247.506 80.9368 246.534 80.9368H243.042C242.07 80.9368 241.283 80.1488 241.283 79.1772V5.9131C241.283 4.9413 242.07 4.15348 243.042 4.15348H247.158C247.729 4.15348 248.265 4.4308 248.595 4.89724L293.465 68.3598C293.539 68.4646 293.659 68.5269 293.788 68.5269C294.006 68.5269 294.182 68.3499 294.182 68.1317V5.9131C294.182 4.9413 294.97 4.15348 295.942 4.15348H299.321ZM324.423 4.15348C325.395 4.15348 326.183 4.9413 326.183 5.9131V79.1772C326.183 80.1488 325.395 80.9368 324.423 80.9368H320.931C319.96 80.9368 319.172 80.1488 319.172 79.1772V5.9131C319.172 4.9413 319.96 4.15348 320.931 4.15348H324.423ZM343.143 4.15348C343.889 4.15348 344.553 4.62281 344.802 5.32507L368.269 71.5077C368.336 71.6985 368.515 71.8262 368.719 71.8262C368.92 71.8262 369.103 71.6985 369.17 71.5077L392.635 5.3251C392.882 4.62281 393.547 4.15348 394.293 4.15348H397.886C399.107 4.15348 399.955 5.36702 399.54 6.51464L372.886 79.7786C372.636 80.474 371.975 80.9368 371.236 80.9368H366.203C365.464 80.9368 364.803 80.474 364.549 79.7786L337.897 6.51468C337.48 5.36705 338.33 4.15348 339.551 4.15348H343.143ZM412.994 80.9368C412.022 80.9368 411.234 80.1488 411.234 79.1772V5.9131C411.234 4.9413 412.022 4.15348 412.994 4.15348H454.016C454.988 4.15348 455.776 4.9413 455.776 5.9131V8.69259C455.776 9.66442 454.988 10.4522 454.016 10.4522H420.007C419.036 10.4522 418.248 11.24 418.248 12.2118V37.5989C418.248 38.5705 419.036 39.3585 420.007 39.3585H451.652C452.623 39.3585 453.411 40.1465 453.411 41.1181V43.8972C453.411 44.8689 452.623 45.6569 451.652 45.6569H420.007C419.036 45.6569 418.248 46.4448 418.248 47.4165V72.8785C418.248 73.8501 419.036 74.6381 420.007 74.6381H454.766C455.737 74.6381 456.526 75.426 456.526 76.3977V79.1772C456.526 80.1488 455.737 80.9368 454.766 80.9368H412.994ZM473.358 80.9368C472.386 80.9368 471.598 80.1488 471.598 79.1772V5.9131C471.598 4.9413 472.386 4.15348 473.358 4.15348H496.38C501.828 4.15348 506.378 5.14098 510.027 7.11527C513.701 9.06492 516.46 11.7768 518.311 15.251C520.187 18.7002 521.123 22.6622 521.123 27.1362C521.123 31.6102 520.187 35.5591 518.311 38.9833C516.46 42.4076 513.712 45.0822 510.062 47.0068C506.413 48.9312 501.891 49.8937 496.493 49.8937H477.144C476.173 49.8937 475.385 49.1057 475.385 48.134V45.2419C475.385 44.2703 476.173 43.4823 477.144 43.4823H496.303C500.304 43.4823 503.626 42.82 506.276 41.4954C508.95 40.1707 510.939 38.2837 512.237 35.834C513.564 33.3846 514.226 30.4854 514.226 27.1362C514.226 23.7869 513.564 20.8624 512.237 18.3631C510.914 15.8384 508.915 13.8891 506.241 12.5141C503.591 11.1395 500.24 10.4522 496.193 10.4522H480.368C479.397 10.4522 478.608 11.24 478.608 12.2118V79.1772C478.608 80.1488 477.82 80.9368 476.849 80.9368H473.358ZM504.407 46.2942C505.051 46.2942 505.642 46.6458 505.952 47.2113L522.925 78.3347C523.565 79.5073 522.717 80.9368 521.38 80.9368H517.298C516.65 80.9368 516.056 80.5821 515.749 80.0134L498.942 48.89C498.309 47.7174 499.157 46.2942 500.49 46.2942H504.407ZM579.161 23.3495C578.257 23.3495 577.51 22.6603 577.334 21.7724C576.645 18.2309 574.832 15.3574 571.908 13.1515C568.558 10.6271 564.345 9.36476 559.271 9.36476C555.699 9.36476 552.549 9.97711 549.825 11.2021C547.126 12.4268 545.001 14.1263 543.452 16.3008C541.925 18.4504 541.165 20.8997 541.165 23.6493C541.165 25.6739 541.601 27.4483 542.477 28.9732C543.35 30.4977 544.525 31.8101 546 32.9098C547.499 33.9846 549.15 34.9094 550.948 35.6841C552.774 36.459 554.611 37.109 556.459 37.6337L564.56 39.9582C567.009 40.6332 569.459 41.4954 571.908 42.5452C574.357 43.5949 576.592 44.9196 578.619 46.5194C580.667 48.0939 582.304 50.0309 583.528 52.3304C584.777 54.6052 585.404 57.3421 585.404 60.5411C585.404 64.6403 584.341 68.327 582.216 71.6013C580.094 74.8756 577.042 77.4749 573.069 79.3996C569.096 81.2993 564.335 82.2491 558.785 82.2491C553.563 82.2491 549.023 81.3866 545.177 79.6621C541.327 77.9124 538.304 75.5006 536.104 72.4262C534.25 69.8347 533.078 66.8968 532.592 63.613C532.441 62.6051 533.254 61.7411 534.274 61.7411H537.966C538.884 61.7411 539.634 62.4464 539.799 63.347C540.225 65.6827 541.154 67.7094 542.59 69.4268C544.339 71.5264 546.612 73.1259 549.414 74.2256C552.211 75.3004 555.336 75.8378 558.785 75.8378C562.61 75.8378 566.006 75.2005 568.984 73.9258C571.982 72.6261 574.333 70.8264 576.029 68.5269C577.757 66.2025 578.619 63.5032 578.619 60.4288C578.619 57.8292 577.943 55.655 576.592 53.9052C575.244 52.1305 573.358 50.6433 570.933 49.4436C568.533 48.2438 565.746 47.1817 562.572 46.2569L553.387 43.5576C547.362 41.7579 542.688 39.2709 539.363 36.0965C536.041 32.9221 534.38 28.8733 534.38 23.9492C534.38 19.825 535.478 16.2009 537.677 13.0765C539.901 9.92713 542.9 7.47775 546.676 5.72834C550.473 3.95359 554.734 3.06641 559.461 3.06641C564.233 3.06641 568.456 3.94092 572.133 5.69068C575.807 7.44044 578.718 9.85217 580.868 12.9266C582.698 15.4925 583.81 18.3591 584.207 21.5268C584.331 22.5176 583.525 23.3495 582.525 23.3495H579.161ZM600.48 79.7667C600.23 80.4684 599.565 80.9368 598.822 80.9368H595.229C594.008 80.9368 593.157 79.7234 593.575 78.5757L620.226 5.31156C620.479 4.6163 621.141 4.15348 621.88 4.15348H626.912C627.651 4.15348 628.313 4.6163 628.563 5.31156L655.217 78.5757C655.632 79.7234 654.784 80.9368 653.563 80.9368H649.97C649.224 80.9368 648.559 80.4684 648.309 79.767L624.744 13.5111C624.692 13.363 624.551 13.2641 624.393 13.2641C624.238 13.2641 624.097 13.363 624.044 13.5111L600.48 79.7667ZM605.35 53.2654C605.35 52.2938 606.139 51.5058 607.11 51.5058H641.682C642.653 51.5058 643.442 52.2938 643.442 53.2654V56.0446C643.442 57.0162 642.653 57.8042 641.682 57.8042H607.11C606.139 57.8042 605.35 57.0162 605.35 56.0446V53.2654ZM668.67 80.9368C667.699 80.9368 666.911 80.1488 666.911 79.1772V5.9131C666.911 4.9413 667.699 4.15348 668.67 4.15348H672.165C673.136 4.15348 673.925 4.9413 673.925 5.9131V72.8785C673.925 73.8501 674.713 74.6381 675.684 74.6381H708.754C709.725 74.6381 710.513 75.426 710.513 76.3977V79.1772C710.513 80.1488 709.725 80.9368 708.754 80.9368H668.67Z" fill="black"/>
+<path d="M166.803 179.478C165.831 179.478 165.043 178.69 165.043 177.718V104.454C165.043 103.482 165.831 102.694 166.803 102.694H215.021C215.993 102.694 216.78 103.482 216.78 104.454V114.319C216.78 115.291 215.993 116.079 215.021 116.079H183.036C182.064 116.079 181.276 116.867 181.276 117.839V132.615C181.276 133.587 182.064 134.375 183.036 134.375H212.359C213.331 134.375 214.119 135.163 214.119 136.134V146C214.119 146.972 213.331 147.759 212.359 147.759H183.036C182.064 147.759 181.276 148.547 181.276 149.519V164.333C181.276 165.305 182.064 166.093 183.036 166.093H215.171C216.143 166.093 216.93 166.881 216.93 167.853V177.718C216.93 178.69 216.143 179.478 215.171 179.478H166.803ZM239.949 102.694C240.716 102.694 241.394 103.19 241.626 103.92L259.686 160.692C259.75 160.894 259.938 161.032 260.15 161.032C260.362 161.032 260.55 160.894 260.615 160.692L278.711 103.92C278.944 103.19 279.622 102.694 280.388 102.694H294.63C295.838 102.694 296.687 103.885 296.293 105.028L271.038 178.292C270.793 179.001 270.125 179.478 269.374 179.478H250.963C250.212 179.478 249.544 179.002 249.3 178.292L224.008 105.028C223.614 103.886 224.463 102.694 225.672 102.694H239.949ZM305.776 179.478C304.804 179.478 304.016 178.69 304.016 177.718V104.454C304.016 103.482 304.804 102.694 305.776 102.694H353.995C354.967 102.694 355.755 103.482 355.755 104.454V114.319C355.755 115.291 354.967 116.079 353.995 116.079H322.009C321.038 116.079 320.25 116.867 320.25 117.839V132.615C320.25 133.587 321.038 134.375 322.009 134.375H351.332C352.302 134.375 353.091 135.163 353.091 136.134V146C353.091 146.972 352.302 147.759 351.332 147.759H322.009C321.038 147.759 320.25 148.547 320.25 149.519V164.333C320.25 165.305 321.038 166.093 322.009 166.093H354.143C355.114 166.093 355.903 166.881 355.903 167.853V177.718C355.903 178.69 355.114 179.478 354.143 179.478H305.776ZM368.096 179.478C367.125 179.478 366.337 178.69 366.337 177.718V104.454C366.337 103.482 367.125 102.694 368.096 102.694H396.63C402.429 102.694 407.377 103.732 411.477 105.806C415.601 107.856 418.737 110.768 420.887 114.542C423.062 118.291 424.149 122.703 424.149 127.776C424.149 132.875 423.048 137.262 420.848 140.936C418.649 144.585 415.464 147.385 411.287 149.334C407.138 151.284 402.116 152.258 396.218 152.258H377.693C376.722 152.258 375.934 151.471 375.934 150.499V140.971C375.934 139.999 376.722 139.211 377.693 139.211H393.593C396.693 139.211 399.266 138.786 401.317 137.937C403.365 137.087 404.889 135.812 405.889 134.113C406.916 132.413 407.426 130.301 407.426 127.776C407.426 125.227 406.916 123.077 405.889 121.328C404.889 119.578 403.351 118.254 401.278 117.354C399.23 116.429 396.644 115.966 393.519 115.966H384.33C383.359 115.966 382.571 116.754 382.571 117.726V177.718C382.571 178.69 381.782 179.478 380.811 179.478H368.096ZM406.758 144.535C407.402 144.535 407.997 144.887 408.303 145.452L425.462 176.875C426.103 178.047 425.254 179.478 423.917 179.478H410.02C409.369 179.478 408.774 179.12 408.468 178.547L391.678 147.124C391.052 145.952 391.903 144.535 393.23 144.535H406.758ZM427.084 105.319C426.423 104.146 427.271 102.694 428.615 102.694H442.727C443.378 102.694 443.976 103.055 444.282 103.631L461.118 135.431C461.227 135.635 461.438 135.762 461.671 135.762C461.899 135.762 462.11 135.635 462.22 135.431L479.055 103.631C479.361 103.055 479.96 102.694 480.611 102.694H494.722C496.07 102.694 496.915 104.146 496.253 105.319L469.958 151.931C469.807 152.195 469.729 152.492 469.729 152.795V177.718C469.729 178.69 468.941 179.478 467.97 179.478H455.368C454.397 179.478 453.608 178.69 453.608 177.718V152.795C453.608 152.492 453.531 152.195 453.383 151.931L427.084 105.319ZM507.961 116.079C506.99 116.079 506.202 115.291 506.202 114.319V104.454C506.202 103.482 506.99 102.694 507.961 102.694H567.502C568.473 102.694 569.262 103.482 569.262 104.454V114.319C569.262 115.291 568.473 116.079 567.502 116.079H547.513C546.542 116.079 545.754 116.867 545.754 117.839V177.718C545.754 178.69 544.965 179.478 543.994 179.478H531.466C530.495 179.478 529.706 178.69 529.706 177.718V117.839C529.706 116.867 528.918 116.079 527.947 116.079H507.961ZM579.083 179.478C578.112 179.478 577.324 178.69 577.324 177.718V104.454C577.324 103.482 578.112 102.694 579.083 102.694H591.798C592.769 102.694 593.558 103.482 593.558 104.454V132.615C593.558 133.587 594.346 134.375 595.317 134.375H624.752C625.723 134.375 626.511 133.587 626.511 132.615V104.454C626.511 103.482 627.299 102.694 628.271 102.694H640.947C641.918 102.694 642.706 103.482 642.706 104.454V177.718C642.706 178.69 641.918 179.478 640.947 179.478H628.271C627.299 179.478 626.511 178.69 626.511 177.718V149.519C626.511 148.547 625.723 147.759 624.752 147.759H595.317C594.346 147.759 593.558 148.547 593.558 149.519V177.718C593.558 178.69 592.769 179.478 591.798 179.478H579.083ZM668.241 102.694C669.212 102.694 670.001 103.482 670.001 104.454V177.718C670.001 178.69 669.212 179.478 668.241 179.478H655.526C654.555 179.478 653.767 178.69 653.767 177.718V104.454C653.767 103.482 654.555 102.694 655.526 102.694H668.241ZM743.498 102.694C744.469 102.694 745.258 103.482 745.258 104.454V177.718C745.258 178.69 744.469 179.478 743.498 179.478H732.159C731.582 179.478 731.04 179.194 730.713 178.718L697.939 131.309C697.872 131.21 697.76 131.151 697.637 131.151C697.436 131.151 697.271 131.315 697.271 131.518V177.718C697.271 178.69 696.482 179.478 695.511 179.478H682.796C681.825 179.478 681.037 178.69 681.037 177.718V104.454C681.037 103.482 681.825 102.694 682.796 102.694H694.357C694.937 102.694 695.479 102.98 695.807 103.458L728.295 150.793C728.376 150.912 728.513 150.984 728.658 150.984C728.901 150.984 729.098 150.787 729.098 150.544V104.454C729.098 103.482 729.886 102.694 730.857 102.694H743.498ZM808.585 127.514C807.8 127.514 807.117 126.991 806.85 126.253C806.375 124.938 805.773 123.746 805.048 122.678C804.098 121.253 802.936 120.053 801.56 119.078C800.213 118.079 798.661 117.316 796.912 116.791C795.187 116.267 793.276 116.004 791.176 116.004C787.252 116.004 783.803 116.979 780.829 118.928C777.88 120.878 775.579 123.715 773.932 127.439C772.281 131.138 771.454 135.662 771.454 141.011C771.454 146.36 772.267 150.909 773.893 154.658C775.519 158.407 777.817 161.269 780.791 163.244C783.764 165.193 787.276 166.168 791.327 166.168C795.001 166.168 798.136 165.518 800.737 164.219C803.362 162.894 805.361 161.032 806.734 158.632C808.096 156.297 808.796 153.547 808.835 150.383C808.835 150.245 808.958 150.14 809.095 150.16C809.37 150.201 809.341 150.609 809.06 150.609H793.692C792.946 150.609 792.337 150.002 792.337 149.253V140.146C792.337 139.175 793.125 138.387 794.096 138.387H822.707C823.678 138.387 824.467 139.175 824.467 140.146V148.059C824.467 154.808 823.045 160.607 820.194 165.456C817.344 170.28 813.42 174.004 808.423 176.628C803.422 179.228 797.7 180.527 791.249 180.527C784.053 180.527 777.729 178.94 772.281 175.766C766.834 172.567 762.582 168.03 759.535 162.156C756.508 156.258 754.999 149.259 754.999 141.161C754.999 134.937 755.896 129.388 757.698 124.515C759.521 119.616 762.072 115.467 765.345 112.067C768.618 108.668 772.429 106.081 776.779 104.306C781.128 102.532 785.84 101.645 790.915 101.645C795.261 101.645 799.312 102.282 803.06 103.557C806.811 104.807 810.133 106.581 813.033 108.88C815.957 111.18 818.343 113.917 820.194 117.091C821.715 119.682 822.788 122.493 823.414 125.524C823.629 126.57 822.806 127.514 821.736 127.514H808.585Z" fill="black"/>
+</svg>