Merge pull request #74 from gobitfly/NOBIDS/NetworkSymbols

Nobids/network symbols
gobitfly · Mar 6, 2024 · e583a05 · e583a05
2 parents 9a13399 + e24920e
commit e583a05
Show file tree

Hide file tree

Showing 18 changed files with 100 additions and 81 deletions.
diff --git a/frontend/components/bc/header/MegaMenu.vue b/frontend/components/bc/header/MegaMenu.vue
@@ -40,11 +40,11 @@ import {
   faBuildingColumns
 } from '@fortawesome/sharp-solid-svg-icons'
 
-import IconEthereumOverview from '~/components/icon/megaMenu/EthereumOverview.vue'
-import IconGnosisOverview from '~/components/icon/megaMenu/GnosisOverview.vue'
-import IconArbitrumOverview from '~/components/icon/megaMenu/ArbitrumOverview.vue'
-import IconBaseOverview from '~/components/icon/megaMenu/BaseOverview.vue'
-import IconOptimismOverview from '~/components/icon/megaMenu/OptimismOverview.vue'
+import EthereumMono from '~/components/icon/network/EthereumMono.vue'
+import GnosisMono from '~/components/icon/network/GnosisMono.vue'
+import ArbitrumMono from '~/components/icon/network/ArbitrumMono.vue'
+import BaseMono from '~/components/icon/network/BaseMono.vue'
+import OptimismMono from '~/components/icon/network/OptimismMono.vue'
 import IconEthermineStaking from '~/components/icon/megaMenu/EthermineStaking.vue'
 import IconEthStore from '~/components/icon/megaMenu/EthStore.vue'
 import IconEversteel from '~/components/icon/megaMenu/EverSteel.vue'
@@ -66,7 +66,7 @@ const items = [
           items: [
             {
               label: $t('header.megamenu.overview'),
-              svg: IconEthereumOverview,
+              svg: EthereumMono,
               url: '/'
             },
             {
@@ -338,7 +338,7 @@ const items = [
           items: [
             {
               label: $t('header.megamenu.overview'),
-              svg: IconGnosisOverview,
+              svg: GnosisMono,
               url: '/'
             },
             {
@@ -556,7 +556,7 @@ const items = [
           items: [
             {
               label: $t('header.megamenu.overview'),
-              svg: IconArbitrumOverview,
+              svg: ArbitrumMono,
               url: '/'
             },
             {
@@ -670,7 +670,7 @@ const items = [
           items: [
             {
               label: $t('header.megamenu.overview'),
-              svg: IconBaseOverview,
+              svg: BaseMono,
               url: '/'
             },
             {
@@ -784,7 +784,7 @@ const items = [
           items: [
             {
               label: $t('header.megamenu.overview'),
-              svg: IconOptimismOverview,
+              svg: OptimismMono,
               url: '/'
             },
             {
@@ -921,6 +921,7 @@ const items = [
   i {
     position: absolute;
     transform: translateY(-50%);
+    max-width: 16px;
   }
 }
 </style>
diff --git a/frontend/components/icon/megaMenu/ArbitrumOverview.vue b/frontend/components/icon/megaMenu/ArbitrumOverview.vue
diff --git a/frontend/components/icon/megaMenu/BaseOverview.png b/frontend/components/icon/megaMenu/BaseOverview.png
diff --git a/frontend/components/icon/megaMenu/BaseOverview.vue b/frontend/components/icon/megaMenu/BaseOverview.vue
diff --git a/frontend/components/icon/megaMenu/EthereumOverview.vue b/frontend/components/icon/megaMenu/EthereumOverview.vue
diff --git a/frontend/components/icon/megaMenu/GnosisOverview.vue b/frontend/components/icon/megaMenu/GnosisOverview.vue
diff --git a/frontend/components/icon/megaMenu/OptimismOverview.png b/frontend/components/icon/megaMenu/OptimismOverview.png
diff --git a/frontend/components/icon/megaMenu/OptimismOverview.vue b/frontend/components/icon/megaMenu/OptimismOverview.vue
diff --git a/frontend/components/icon/network/ArbitrumMono.vue b/frontend/components/icon/network/ArbitrumMono.vue
@@ -0,0 +1,5 @@
+<template>
+  <svg width="55" height="55" viewBox="0 0 55 55" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path id="Subtract" fill-rule="evenodd" clip-rule="evenodd" d="M55 27.5C55 42.5885 42.8319 55 27.5 55C12.4115 55 0 42.5885 0 27.5C0 12.4115 12.1681 0 27.5 0C42.5885 0 55 12.1681 55 27.5ZM45.1203 32.949L36.4048 19L33 24.8154L41.6931 39.5212L40.6516 40.1274L31.5349 27L27 33.5517L34.0189 43.9879L27.3383 47.8762L19.2012 43.3097L35 17H28.1L12 43L12.4662 43.3482L27.015 51.7574C27.3383 52.0809 27.6617 52.0809 27.985 51.7574L48.3534 40.1139C48.6767 39.7904 49 39.467 49 39.1436V15.8564C49 15.533 48.6767 15.2096 48.3534 14.8861L27.985 3.24257C27.6617 2.91914 27.3383 2.91914 27.015 3.24257L6.64662 14.5627C6.32331 14.8861 6 15.2096 6 15.533V38.8201C6 38.8286 6.00022 38.8371 6.00066 38.8455C6.01498 39.6141 6.26642 39.735 7.13195 40.1514C7.27494 40.2201 7.43469 40.297 7.6129 40.3861C8.30174 40.7308 8.72316 40.9322 9.00531 41.061L10.8496 42.0545L9.92746 41.5577L11.8802 38.6382L26 17.1466C24.0645 16.8238 19.5484 16.8238 17.9355 19.406C16.8112 21.2059 13.179 26.7699 9.8797 31.725V16.8267L10 16.5L27.3383 6.4769L45.1203 16.8267V32.949Z" fill="currentColor" />
+  </svg>
+</template>
diff --git a/frontend/components/icon/network/ArbitrumMulti.vue b/frontend/components/icon/network/ArbitrumMulti.vue
@@ -0,0 +1,10 @@
+<template>
+  <svg width="55" height="55" viewBox="0 0 55 55" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path id="Vector" d="M27.5 55C42.8319 55 55 42.5885 55 27.5C55 12.1681 42.5885 0 27.5 0C12.1681 0 0 12.4115 0 27.5C0 42.5885 12.4115 55 27.5 55Z" fill="#2C374B" />
+    <path id="Vector_2" d="M45.6905 33.8615L36.4048 19L33 24.8154L41.9762 40L46 38.0615L45.6905 33.8615Z" fill="#24A2EE" />
+    <path id="Vector_3" d="M42 42.069L31.5349 27L27 33.5517L35.3721 46L40.6046 44.0345L42 42.069Z" fill="#24A2EE" />
+    <path id="Vector_4" fill-rule="evenodd" clip-rule="evenodd" d="M9.55639 16.8267L27.3383 6.4769L45.1203 16.8267V37.5264L27.3383 47.8762L14.0827 40.4373L12.4662 43.3482L27.015 51.7574C27.3383 52.0809 27.6617 52.0809 27.985 51.7574L48.3534 40.1139C48.6767 39.7904 49 39.467 49 39.1436V15.8564C49 15.533 48.6767 15.2096 48.3534 14.8861L27.985 3.24257C27.6617 2.91914 27.3383 2.91914 27.015 3.24257L6.64662 14.5627C6.32331 14.8861 6 15.2096 6 15.533V38.8201C6 39.1436 6.32331 39.467 6.64662 39.7904L10.8496 42.0545L12.7895 39.1436L9.8797 37.5264V16.8267H9.55639Z" fill="#98BCDC" />
+    <path id="Vector_5" d="M35 17H28.1L12 42.7778L17.5857 46L35 17Z" fill="#F0F0F0" />
+    <path id="Vector_6" d="M17.9355 19.406C19.5484 16.8238 24.0645 16.8238 26 17.1466L10.5 42C9.85484 41.6772 8.58065 41.0317 7.6129 40.3861C6.32258 39.7406 6 39.7406 6 38.7723V37.4812C9.54839 32.3169 16.3226 21.9882 17.9355 19.406Z" fill="#F0F0F0" />
+  </svg>
+</template>
diff --git a/frontend/components/icon/network/BaseMono.vue b/frontend/components/icon/network/BaseMono.vue
@@ -0,0 +1,5 @@
+<template>
+  <svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path id="Subtract" d="M55.3556 34C52.6089 46.5807 41.4044 56 28 56C12.5361 56 0 43.4639 0 28C0 12.5361 12.5361 0 28 0C41.0468 0 52.0095 8.92347 55.1179 21H41.7912C39.4974 15.1193 34.186 11 28 11C19.7158 11 13 18.3877 13 27.5C13 36.6123 19.7158 44 28 44C34.186 44 39.4974 39.8807 41.7912 34H55.3556Z" fill="currentColor" />
+  </svg>
+</template>
diff --git a/frontend/components/icon/network/BaseMulti.vue b/frontend/components/icon/network/BaseMulti.vue
@@ -0,0 +1,5 @@
+<template>
+  <svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path id="Subtract" d="M55.3556 34C52.6089 46.5807 41.4044 56 28 56C12.5361 56 0 43.4639 0 28C0 12.5361 12.5361 0 28 0C41.0468 0 52.0095 8.92347 55.1179 21H41.7912C39.4974 15.1193 34.186 11 28 11C19.7158 11 13 18.3877 13 27.5C13 36.6123 19.7158 44 28 44C34.186 44 39.4974 39.8807 41.7912 34H55.3556Z" fill="#0052FF" />
+  </svg>
+</template>
diff --git a/frontend/components/icon/network/EthereumMono.vue b/frontend/components/icon/network/EthereumMono.vue
@@ -0,0 +1,10 @@
+<template>
+  <svg width="33" height="55" viewBox="0 0 33 55" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path id="Vector" d="M16.0388 0L15.688 1.2533V37.6203L16.0388 37.9885L32.0751 28.01L16.0388 0Z" fill="currentColor" />
+    <path id="Vector_2" d="M16.0373 0L0 28.01L16.0373 37.9885V20.3369V0Z" fill="currentColor" />
+    <path id="Vector_3" d="M16.0381 41.1835L15.8403 41.4371V54.3917L16.0381 54.9988L32.0842 31.2105L16.0381 41.1835Z" fill="currentColor" />
+    <path id="Vector_4" d="M16.0373 54.9988V41.1835L0 31.2105L16.0373 54.9988Z" fill="currentColor" />
+    <path id="Vector_5" d="M16.0372 37.9901L32.0735 28.0116L16.0372 20.3385V37.9901Z" fill="currentColor" />
+    <path id="Vector_6" d="M0 28.0116L16.0373 37.9901V20.3385L0 28.0116Z" fill="currentColor" />
+  </svg>
+</template>
diff --git a/frontend/components/icon/network/EthereumMulti.vue b/frontend/components/icon/network/EthereumMulti.vue
@@ -0,0 +1,10 @@
+<template>
+  <svg width="33" height="55" viewBox="0 0 33 55" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path id="Vector" d="M16.0356 0L15.6849 1.2533V37.6203L16.0356 37.9885L32.0713 28.01L16.0356 0Z" fill="#343434" />
+    <path id="Vector_2" d="M16.0366 0L0 28.01L16.0366 37.9885V20.3369V0Z" fill="#8C8C8C" />
+    <path id="Vector_3" d="M16.038 41.1835L15.8401 41.4371V54.3917L16.038 54.9988L32.0833 31.2105L16.038 41.1835Z" fill="#3C3C3B" />
+    <path id="Vector_4" d="M16.0366 54.9988V41.1835L0 31.2105L16.0366 54.9988Z" fill="#8C8C8C" />
+    <path id="Vector_5" d="M16.0373 37.9901L32.073 28.0116L16.0373 20.3385V37.9901Z" fill="#141414" />
+    <path id="Vector_6" d="M0 28.0116L16.0366 37.9901V20.3385L0 28.0116Z" fill="#393939" />
+  </svg>
+</template>
diff --git a/frontend/components/icon/network/GnosisMono.vue b/frontend/components/icon/network/GnosisMono.vue
@@ -0,0 +1,15 @@
+<template>
+  <svg width="55" height="55" viewBox="0 0 55 55" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g id="gnosis-gno-gno-logo 1" clip-path="url(#clip0_15611_285535)">
+      <path id="Vector" d="M15.8267 32C17.3365 32 18.8094 31.4967 20 30.5759L10.426 21C8.11843 23.9833 8.67077 28.2801 11.6534 30.5882C12.8563 31.4967 14.317 32 15.8267 32Z" fill="`currentColor`" />
+      <path id="Vector_2" d="M46 25.1733C46 23.6635 45.4967 22.1906 44.5759 21L35 30.574C37.9833 32.8816 42.2679 32.3292 44.5759 29.3466C45.4967 28.1559 46 26.683 46 25.1733Z" fill="currentColor" />
+      <path id="Vector_3" d="M51.0291 14L46.5957 18.3536C50.1681 22.5559 49.6027 28.815 45.3235 32.3232C41.5712 35.4023 36.1226 35.4023 32.3703 32.3232L27.5 37.1059L22.6425 32.3358C18.3633 35.844 11.9895 35.2887 8.41704 31.0865C5.28153 27.4017 5.28153 22.0511 8.41704 18.3663L6.14251 16.1327L3.98364 14C1.375 18.2148 0 23.0606 0 27.9948C0 42.9107 12.3107 55 27.5 55C42.6892 55 54.9999 42.9107 54.9999 27.9948C55.0128 23.0606 53.6249 18.2148 51.0291 14Z" fill="currentColor" />
+      <path id="Vector_4" d="M47.1007 8.3613C36.7812 -2.4237 19.6369 -2.82735 8.81095 7.45309C8.49441 7.75583 8.19052 8.05857 7.89929 8.3613C7.22821 9.06769 6.59511 9.7993 6 10.5688L27.5 32L49 10.5688C48.4175 9.7993 47.7718 9.06769 47.1007 8.3613ZM27.5 3.53013C33.831 3.53013 39.7314 5.96464 44.1631 10.4048L27.5 27.0048L10.8369 10.4048C15.2686 5.96464 21.169 3.53013 27.5 3.53013Z" fill="currentColor" />
+    </g>
+    <defs>
+      <clipPath id="clip0_15611_285535">
+        <rect width="55" height="55" fill="currentColor" />
+      </clipPath>
+    </defs>
+  </svg>
+</template>
diff --git a/frontend/components/icon/network/GnosisMulti.vue b/frontend/components/icon/network/GnosisMulti.vue
@@ -0,0 +1,15 @@
+<template>
+  <svg width="55" height="55" viewBox="0 0 55 55" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g id="gnosis-gno-gno-logo 1" clip-path="url(#clip0_15611_285529)">
+      <path id="Vector" d="M15.8267 32C17.3365 32 18.8094 31.4967 20 30.5759L10.426 21C8.11843 23.9833 8.67077 28.2801 11.6534 30.5882C12.8563 31.4967 14.317 32 15.8267 32Z" fill="#00193C" />
+      <path id="Vector_2" d="M46 25.1733C46 23.6635 45.4967 22.1906 44.5759 21L35 30.574C37.9833 32.8816 42.2679 32.3292 44.5759 29.3466C45.4967 28.1559 46 26.683 46 25.1733Z" fill="#00193C" />
+      <path id="Vector_3" d="M51.0291 14L46.5957 18.3536C50.1681 22.5559 49.6027 28.815 45.3235 32.3232C41.5712 35.4023 36.1226 35.4023 32.3703 32.3232L27.5 37.1059L22.6425 32.3358C18.3633 35.844 11.9895 35.2887 8.41704 31.0865C5.28153 27.4017 5.28153 22.0511 8.41704 18.3663L6.14251 16.1327L3.98364 14C1.375 18.2148 0 23.0606 0 27.9948C0 42.9107 12.3107 55 27.5 55C42.6892 55 54.9999 42.9107 54.9999 27.9948C55.0128 23.0606 53.6249 18.2148 51.0291 14Z" fill="#00193C" />
+      <path id="Vector_4" d="M47.1007 8.3613C36.7812 -2.4237 19.6369 -2.82735 8.81095 7.45309C8.49441 7.75583 8.19052 8.05857 7.89929 8.3613C7.22821 9.06769 6.59511 9.7993 6 10.5688L27.5 32L49 10.5688C48.4175 9.7993 47.7718 9.06769 47.1007 8.3613ZM27.5 3.53013C33.831 3.53013 39.7314 5.96464 44.1631 10.4048L27.5 27.0048L10.8369 10.4048C15.2686 5.96464 21.169 3.53013 27.5 3.53013Z" fill="#00193C" />
+    </g>
+    <defs>
+      <clipPath id="clip0_15611_285529">
+        <rect width="55" height="55" fill="white" />
+      </clipPath>
+    </defs>
+  </svg>
+</template>
diff --git a/frontend/components/icon/network/OptimismMono.vue b/frontend/components/icon/network/OptimismMono.vue
@@ -0,0 +1,7 @@
+<template>
+  <svg width="55" height="55" viewBox="0 0 55 55" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M19.7645 31.822C20.479 31.8418 21.1762 31.5997 21.7247 31.1413C22.3308 30.5915 22.7432 29.8607 22.9004 29.0576C23.2169 27.7653 23.4573 26.6375 23.6217 25.6742C23.677 25.3817 23.7047 25.0847 23.7042 24.787C23.7042 23.5352 23.051 22.9095 21.7445 22.9098C21.0242 22.8925 20.3215 23.134 19.764 23.5905C19.1691 24.1461 18.7647 24.8753 18.6086 25.6742C18.3609 26.5957 18.1134 27.7235 17.8661 29.0576C17.8101 29.343 17.7825 29.6332 17.7836 29.9241C17.7836 31.1894 18.4439 31.822 19.7645 31.822Z" fill="currentColor" />
+    <path d="M37.3222 26.2313C36.886 26.5508 36.3566 26.7175 35.816 26.7055H33.4438L34.2278 23.0129H36.7032C37.1292 22.971 37.5555 23.0886 37.8997 23.3429C38.0212 23.4592 38.1156 23.6009 38.1762 23.7578C38.2368 23.9147 38.2622 24.083 38.2505 24.2508C38.2477 24.4585 38.227 24.6656 38.1887 24.8698C38.0802 25.416 37.771 25.9017 37.3222 26.2313Z" fill="currentColor" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M27.5 55C42.6878 55 55 42.6878 55 27.5C55 12.3122 42.6878 0 27.5 0C12.3122 0 0 12.3122 0 27.5C0 42.6878 12.3122 55 27.5 55ZM19.4755 34.7929C18.0447 34.854 16.6328 34.4485 15.4524 33.6375C14.9425 33.248 14.5351 32.7401 14.2655 32.1579C13.9959 31.5756 13.8723 30.9364 13.9052 30.2956C13.9115 29.9222 13.946 29.5498 14.0084 29.1816C14.1873 28.1898 14.4417 27.0001 14.7717 25.6124C15.707 21.8301 18.1207 19.9389 22.0127 19.9389C22.9883 19.9229 23.9569 20.1054 24.8597 20.4753C25.661 20.7894 26.3506 21.3353 26.8401 22.0433C27.3338 22.7728 27.5861 23.6387 27.5614 24.5192C27.5543 24.8857 27.5198 25.2511 27.4582 25.6124C27.2517 26.8366 27.0042 28.0263 26.7157 29.1816C26.2348 31.0657 25.4027 32.4754 24.2195 33.4107C23.0374 34.3322 21.4561 34.7929 19.4755 34.7929ZM28.3209 34.5546C28.3816 34.5796 28.4472 34.5906 28.5128 34.5868L31.3196 34.5872C31.4627 34.585 31.6009 34.5341 31.7113 34.443C31.8309 34.3522 31.9115 34.2194 31.9367 34.0715L32.8857 29.5534H35.6704C37.4722 29.5534 38.8888 29.1751 39.9203 28.4187C41.0322 27.5541 41.7765 26.3013 42.004 24.9113C42.0844 24.5592 42.126 24.1994 42.128 23.8383C42.1526 23.2985 42.0362 22.7615 41.7902 22.2803C41.5442 21.7991 41.1771 21.3903 40.725 21.0942C39.6254 20.4128 38.3447 20.0818 37.0526 20.1452H31.5648C31.4215 20.1474 31.2831 20.1982 31.1726 20.2895C31.053 20.3802 30.9724 20.513 30.9472 20.661L28.1002 34.071C28.0712 34.1982 28.0934 34.3316 28.162 34.4425C28.2059 34.4913 28.2602 34.5297 28.3209 34.5546Z" fill="currentColor" />
+  </svg>
+</template>