Skip to content

F
frontend
Commit cd6e1b1f authored by tom's avatar tom
Browse files
Options

design fixes

parent 51892687
Expand all Show whitespace changes
Inline Side-by-side
Showing with 49 additions and 62 deletions
icons/networks/arbitrum.svg
View file @ cd6e1b1f
<svg width="40" height="40" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="30" height="30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M17 7H7v6h10V7Zm16 0H23v6h10V7Zm0 14.5h-6v5h-4v6h10v-11Zm-20 0H7v11h10v-6h-4v-5Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.77 1H1v6.588h10.77V1ZM29 1H18.23v6.588H29V1Zm0 15.922h-6.462v5.49h-4.307V29H29V16.922Zm-21.538 0H1V29h10.77v-6.588H7.461v-5.49Z" fill="#48A9A6"/>
</svg> </svg>
\ No newline at end of file
icons/networks/artis.svg
View file @ cd6e1b1f
This diff is collapsed.
icons/networks/ethereum-classic.svg
View file @ cd6e1b1f
<svg width="40" height="40" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="30" height="30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 21.338c3.264 1.733 6.669 3.547 9.299 4.95l9.223-4.95c-3.34 4.96-6.122 9.091-9.223 13.662-3.107-4.56-6.537-9.593-9.299-13.662Zm.355-1.369 8.954-4.778 8.838 4.743-8.833 4.784-8.96-4.749Zm8.944-6.309L11 18.556 20.258 5l9.264 13.586-9.223-4.926Z" fill="currentColor" fill-opacity=".48"/> <rect width="30" height="30" rx="15" fill="#328332"/>
<path d="m20.299 26.289 9.223-4.951C26.182 26.298 20.299 35 20.299 35v-8.711Zm.01-11.098 8.838 4.743-8.833 4.784-.005-9.527Zm-.01-1.53L20.259 5l9.263 13.586-9.223-4.925Z" fill="currentColor" fill-opacity=".48"/> <path opacity=".6" d="M8.625 15.958c2.337 1.241 4.776 2.54 6.66 3.546l6.604-3.546c-2.391 3.553-4.384 6.51-6.605 9.784-2.224-3.266-4.681-6.87-6.659-9.784Zm.254-.98 6.413-3.422 6.329 3.397-6.326 3.426-6.416-3.401Zm6.405-4.518-6.659 3.506 6.63-9.708 6.634 9.73-6.605-3.528Z" fill="#fff"/>
<path d="m11.355 19.97 8.955.734 8.838-.765-8.834 4.784-8.959-4.754Z" fill="currentColor" fill-opacity=".48"/> <path opacity=".7" d="m15.284 19.504 6.605-3.546a7441.882 7441.882 0 0 1-6.605 9.784v-6.238Zm.008-7.948 6.329 3.397-6.326 3.426-.003-6.823Zm-.008-1.096-.029-6.202 6.634 9.73-6.605-3.528Z" fill="#fff"/>
<path d="m20.31 20.704 8.838-.765-8.833 4.784-.005-4.019Z" fill="currentColor" fill-opacity=".48"/> <path opacity=".7" d="m8.88 14.978 6.412.526 6.33-.548-6.326 3.426-6.417-3.404Z" fill="#fff"/>
<path d="m15.292 15.504 6.33-.548-6.326 3.426-.004-2.878Z" fill="#fff"/>
</svg> </svg>
\ No newline at end of file
icons/networks/ethereum.svg
View file @ cd6e1b1f
<svg width="40" height="40" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="30" height="30" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#ethereum-a)" fill="currentColor" fill-opacity=".48"> <rect width="30" height="30" rx="15" fill="#627EEA"/>
<path d="m20.471 5-.207.683v19.833l.207.2 9.47-5.441L20.472 5Z"/> <path d="M15.305 12.153V4.088c-.013 0-.02.006-.03.012-.013.01-.028.022-.066.022-.254.497-.524.975-.799 1.462-.108.192-.218.385-.327.582-.515.9-1.03 1.834-1.544 2.768a141.5 141.5 0 0 1-.844 1.52c-.28.497-.558.994-.83 1.491-.257.468-.522.935-.787 1.402-.266.468-.531.935-.788 1.403-.048.085-.096.161-.143.238a5.99 5.99 0 0 0-.147.246h.032c.02.021.028.016.038.01.007-.005.014-.01.027-.01.112-.052.233-.112.353-.173.121-.06.242-.121.354-.173.307-.165.584-.298.86-.43l.041-.02 1.062-.52.868-.415 1.062-.519c.225-.135.47-.249.704-.358.067-.03.133-.061.197-.092.116-.053.223-.107.331-.16.101-.05.203-.101.312-.152.032 0 .064-.034.064-.069ZM15.277 25.997a.08.08 0 0 0 .029.003v-5.435c0-.035 0-.07-.033-.07a7.196 7.196 0 0 0-.257-.155c-.088-.052-.177-.104-.257-.156a93.415 93.415 0 0 0-1.499-.96 91.637 91.637 0 0 1-1.525-.979 187.64 187.64 0 0 0-1.32-.83c-.442-.277-.884-.554-1.318-.83-.017 0-.025-.01-.033-.018-.008-.009-.016-.017-.032-.017 0 .017.008.026.016.034.008.009.016.017.016.034l.483.727c.389.618.79 1.22 1.19 1.818.227.342.454.681.676 1.021l1.93 2.908c.311.469.615.93.918 1.39.324.492.648.983.98 1.483.019.02.027.029.036.032Z" fill="#fff"/>
<path d="M20.47 5 11 20.275l9.47 5.442V5ZM20.47 27.46l-.116.138v7.064l.117.331 9.476-12.972-9.476 5.438Z"/> <path d="M15.3 4v11.307h6.3L15.3 4ZM9 15.175l6.3-3.024v7.1L9 15.175ZM15.3 20.566v5.39l6.177-9.203-6.177 3.813Z" fill="#C0CBF6"/>
<path d="M20.47 34.993V27.46L11 22.02l9.47 12.973ZM20.47 25.716l9.471-5.441-9.47-4.184v9.625ZM11 20.275l9.47 5.441V16.09L11 20.275Z"/> <path d="M15.3 19.251v-7.1l6.3 3.156-6.3 3.944Z" fill="#8197EE"/>
</g>
<defs>
<clipPath id="ethereum-a">
<path transform="translate(11 5)" d="M0 0h18.947v30H0z"/>
</clipPath>
</defs>
</svg> </svg>
\ No newline at end of file
icons/networks/gnosis.svg
View file @ cd6e1b1f
<svg width="40" height="40" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="30" height="30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.437 12.495c.046.041.084.073.119.107.373.365.742.734 1.12 1.095.084.081.085.137.024.23-.79 1.21-1.078 2.537-.815 3.943.354 1.886 1.439 3.26 3.21 4.089 1.047.489 2.157.614 3.298.443a5.539 5.539 0 0 0 2.14-.788c.109-.068.168-.06.257.028.963.958 1.932 1.91 2.894 2.87.106.105.161.117.275.004 1.1-1.087 2.209-2.166 3.308-3.254.121-.12.197-.14.355-.047.962.568 2.01.795 3.13.744 2.224-.102 4.255-1.625 4.944-3.716.522-1.583.328-3.086-.522-4.515-.056-.093-.06-.15.024-.231.31-.293.612-.594.917-.891.028-.028.06-.052.09-.079 3.259 4.694 3.718 12.244-1.524 17.803-5.43 5.758-14.39 6.206-20.373 1.264-6.076-5.02-6.798-13.26-2.87-19.1Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M2.467 7.495c.046.041.084.073.12.107.377.365.75.734 1.133 1.095.085.081.086.137.024.23-.8 1.21-1.09 2.537-.824 3.943.358 1.886 1.456 3.26 3.248 4.089 1.06.489 2.183.614 3.338.443a5.646 5.646 0 0 0 2.166-.788c.11-.068.17-.06.26.028.974.958 1.955 1.91 2.928 2.87.108.105.163.117.28.004 1.112-1.087 2.234-2.166 3.347-3.254.122-.12.199-.14.36-.047.973.568 2.033.795 3.167.744 2.25-.102 4.305-1.625 5.003-3.716.528-1.583.332-3.086-.529-4.515-.056-.093-.06-.15.025-.231.314-.293.619-.594.928-.891.028-.028.06-.052.092-.079 3.297 4.694 3.762 12.244-1.543 17.803-5.495 5.758-14.563 6.206-20.618 1.264-6.149-5.02-6.88-13.26-2.905-19.1Z" fill="#276749"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M30.017 10.632c-5.83-5.842-15.311-5.347-20.37-.233.03.033.058.067.09.098 3.342 3.283 6.684 6.564 10.024 9.848.094.093.148.082.233-.004.432-.429.867-.853 1.303-1.278 2.819-2.744 5.637-5.488 8.457-8.23.076-.074.17-.13.263-.2ZM19.87 22.418 7.652 10.4c.03-.038.053-.075.083-.107 1.47-1.598 3.176-2.89 5.168-3.81a15.913 15.913 0 0 1 3.393-1.127 16.328 16.328 0 0 1 4.104-.341c2.016.088 3.945.54 5.789 1.347 2.216.97 4.088 2.386 5.676 4.176.092.103.039.15-.032.219l-5.925 5.776-5.91 5.767c-.035.035-.074.067-.128.117ZM14.618 19.608c-.828.742-2.668.914-3.885-.279-1.222-1.196-1.055-2.965-.253-3.885l4.138 4.164ZM25.318 19.32l4.144-4.072c.583.64.853 2.272-.156 3.476-1.122 1.338-2.974 1.33-3.988.596Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M25.318 5.632C19.417-.21 9.822.285 4.703 5.4c.03.033.059.067.09.098 3.383 3.283 6.766 6.564 10.145 9.848.096.093.15.082.236-.004.437-.429.878-.853 1.319-1.277 2.852-2.745 5.705-5.49 8.559-8.232.076-.073.17-.13.266-.2Zm-10.27 11.786L2.685 5.4c.03-.038.054-.075.083-.107 1.488-1.598 3.215-2.89 5.23-3.81A16.24 16.24 0 0 1 11.432.358a16.717 16.717 0 0 1 4.154-.341c2.04.088 3.992.54 5.858 1.347 2.243.97 4.137 2.386 5.745 4.176.093.103.04.15-.032.219-2 1.925-3.998 3.85-5.996 5.776l-5.982 5.767c-.036.035-.074.068-.13.117ZM9.733 14.608c-.837.742-2.699.914-3.931-.278-1.237-1.197-1.067-2.966-.255-3.886l4.186 4.164ZM20.563 14.32l4.193-4.072c.59.64.863 2.272-.158 3.476-1.136 1.338-3.01 1.33-4.035.596Z" fill="#276749"/>
</svg> </svg>
\ No newline at end of file
icons/networks/optimism.svg 0 → 100644
View file @ cd6e1b1f
<svg width="30" height="30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.467 7.495c.046.041.084.073.12.107.377.365.75.734 1.133 1.095.085.081.086.137.024.23-.8 1.21-1.09 2.537-.824 3.943.358 1.886 1.456 3.26 3.248 4.089 1.06.489 2.183.614 3.338.443a5.646 5.646 0 0 0 2.166-.788c.11-.068.17-.06.26.028.974.958 1.955 1.91 2.928 2.87.108.105.163.117.28.004 1.112-1.087 2.234-2.166 3.347-3.254.122-.12.199-.14.36-.047.973.568 2.033.795 3.167.744 2.25-.102 4.305-1.625 5.003-3.716.528-1.583.332-3.086-.529-4.515-.056-.093-.06-.15.025-.231.314-.293.619-.594.928-.891.028-.028.06-.052.092-.079 3.297 4.694 3.762 12.244-1.543 17.803-5.495 5.758-14.563 6.206-20.618 1.264-6.149-5.02-6.88-13.26-2.905-19.1Z" fill="#DD6B20"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M25.318 5.632C19.417-.21 9.822.285 4.703 5.4c.03.033.059.067.09.098 3.383 3.283 6.766 6.564 10.145 9.848.096.093.15.082.236-.004.437-.429.878-.853 1.319-1.277 2.852-2.745 5.705-5.49 8.559-8.232.076-.073.17-.13.266-.2Zm-10.27 11.786L2.685 5.4c.03-.038.054-.075.083-.107 1.488-1.598 3.215-2.89 5.23-3.81A16.24 16.24 0 0 1 11.432.358a16.717 16.717 0 0 1 4.154-.341c2.04.088 3.992.54 5.858 1.347 2.243.97 4.137 2.386 5.745 4.176.093.103.04.15-.032.219-2 1.925-3.998 3.85-5.996 5.776l-5.982 5.767c-.036.035-.074.068-.13.117ZM9.733 14.608c-.837.742-2.699.914-3.931-.278-1.237-1.197-1.067-2.966-.255-3.886l4.186 4.164ZM20.563 14.32l4.193-4.072c.59.64.863 2.272-.158 3.476-1.136 1.338-3.01 1.33-4.035.596Z" fill="#DD6B20"/>
</svg>
\ No newline at end of file
icons/networks/placeholder.svg
View file @ cd6e1b1f
<svg width="40" height="40" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="30" height="30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.022 8a1 1 0 0 0-1-1h-3.444a1 1 0 0 0-1 1v3.417a1 1 0 0 1-1 1H8a1 1 0 0 0-1 1V32a1 1 0 0 0 1 1h3.445a1 1 0 0 0 1-1V13.417a1 1 0 0 1 1-1h2.577a1 1 0 0 0 1-1V8Zm10.926 0a1 1 0 0 0-1-1h-3.444a1 1 0 0 0-1 1v3.417a1 1 0 0 0 1 1h2.388a1 1 0 0 1 1 1V32a1 1 0 0 0 1 1h3.445a1 1 0 0 0 1-1V13.417a1 1 0 0 0-1-1h-2.389a1 1 0 0 1-1-1V8Zm-5.52 10.37a1 1 0 0 0-1-1h-3.444a1 1 0 0 0-1 1v8.523a1 1 0 0 0 1 1h3.444a1 1 0 0 0 1-1v-8.524Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.285 3.6a1.6 1.6 0 0 0-1.6-1.6H8.298a1.6 1.6 0 0 0-1.6 1.6v2.217a1.6 1.6 0 0 1-1.6 1.6H3.6a1.6 1.6 0 0 0-1.6 1.6V26.4A1.6 1.6 0 0 0 3.6 28h2.387a1.6 1.6 0 0 0 1.6-1.6V9.017a1.6 1.6 0 0 1 1.6-1.6h1.498a1.6 1.6 0 0 0 1.6-1.6V3.6Zm11.212 0a1.6 1.6 0 0 0-1.6-1.6H19.51a1.6 1.6 0 0 0-1.6 1.6v2.217a1.6 1.6 0 0 0 1.6 1.6h1.303a1.6 1.6 0 0 1 1.6 1.6V26.4a1.6 1.6 0 0 0 1.6 1.6H26.4a1.6 1.6 0 0 0 1.6-1.6V9.017a1.6 1.6 0 0 0-1.6-1.6h-1.303a1.6 1.6 0 0 1-1.6-1.6V3.6Zm-5.665 10.37a1.6 1.6 0 0 0-1.6-1.6h-2.387a1.6 1.6 0 0 0-1.6 1.6v7.323a1.6 1.6 0 0 0 1.6 1.6h2.387a1.6 1.6 0 0 0 1.6-1.6v-7.324Z" fill="currentColor"/>
</svg> </svg>
\ No newline at end of file
icons/networks/poa-sokol.svg
View file @ cd6e1b1f
<svg width="40" height="40" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <svg width="30" height="30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill="url(#sokol-a)" d="M0 12h40v16.522H0z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 11a2 2 0 0 1 2-2h22.753a2 2 0 0 1 1.92 1.436L30 21.75H14.25l-1.125-5.25H0V11Zm0 8.75V18h12l.75 3.75H2a2 2 0 0 1-2-2Zm6-9.25H2.25l1.5 4.5H7.5L6 10.5Zm6 0H8.25l1.5 4.5h3.75L12 10.5Zm8.25 7.5h1.821l.429 1.5h-1.821L20.25 18Zm7.071 0H25.5l.429 1.5h1.821l-.429-1.5ZM17.25 10.5h7.5L27 17.25h-7.5l-2.25-6.75Z" fill="#38B2AC"/>
<defs>
<pattern id="sokol-a" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#sokol-b" transform="scale(.01087 .02632)"/>
</pattern>
<image id="sokol-b" width="192" height="38" xlink:href="data:image/png;base64,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"/>
</defs>
</svg> </svg>
\ No newline at end of file
icons/networks/poa.svg 0 → 100644
View file @ cd6e1b1f
<svg width="30" height="30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.247 3h1.616a5 5 0 0 1 0 10h-1.116v1.5a.5.5 0 0 1-.5.5h-5.116a.5.5 0 0 1-.5-.5V3.06a.06.06 0 0 1 .06-.06h5.556ZM7.678 14.678a.5.5 0 0 1 .848 0l6.601 10.557a.5.5 0 0 1-.424.765H1.501a.5.5 0 0 1-.424-.765l6.601-10.557ZM22.373 27c3.66 0 6.625-2.91 6.625-6.5S26.032 14 22.373 14c-3.66 0-6.626 2.91-6.626 6.5s2.966 6.5 6.626 6.5Z" fill="#5B2DA4"/>
</svg>
\ No newline at end of file
icons/networks/rsk.svg
View file @ cd6e1b1f
<svg width="40" height="40" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="30" height="30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.393 10a2 2 0 1 0-1.835-1.202l.073.125-.01.006A2 2 0 0 0 19.393 10Zm-3-1.979V8a3 3 0 1 1 6 0v.006l5.887 3.399.005-.003a3 3 0 1 1 2.308 5.488v6.22a3 3 0 1 1-2.299 5.493l-5.901 3.41a3 3 0 0 1-6-.013v-.005l-5.888-3.4-.005.003a3 3 0 1 1-2.308-5.488v-6.22a3 3 0 1 1 2.308-5.488l.02.012 5.873-3.393Zm-4.835 4.41 5.196-3.002a3.007 3.007 0 0 0 1.839 1.463v5.027c-.78.25-1.446.88-1.875 1.728l-4.84-2.794a3.006 3.006 0 0 0-.32-2.422Zm4.7 6.682-5.153-2.974a3 3 0 0 1-1.513.802v6.118c.596.12 1.153.42 1.585.876l5.132-2.963a5.282 5.282 0 0 1-.051-1.859Zm.59 3.28-4.943 2.854c.208.8.072 1.646-.355 2.335l5.198 3.001a3.007 3.007 0 0 1 1.845-1.475V23.88c-.705-.226-1.316-.761-1.744-1.489Zm3.245 1.5v-.008c.722-.227 1.348-.779 1.78-1.53l5.008 2.892c-.21.805-.07 1.655.362 2.347l-5.198 3.002a3.006 3.006 0 0 0-1.952-1.514v-5.19Zm2.307-2.965 5.208 3.007a2.998 2.998 0 0 1 1.584-.876v-6.118a3 3 0 0 1-1.512-.802l-5.232 3.02a5.334 5.334 0 0 1-.048 1.769Zm-.399-3.242 4.907-2.834a3.006 3.006 0 0 1 .327-2.434l-5.198-3c-.399.743-1.103 1.299-1.944 1.5v4.997c.798.25 1.477.897 1.908 1.77ZM19.393 30a2 2 0 0 0-1.779 1.084l.007.003-.052.09A2 2 0 1 0 19.392 30Zm8.726-2.892-.009-.016A2 2 0 0 1 29.75 24h.073a2 2 0 1 1-1.704 3.108Zm.002-14.178-.019-.011A2 2 0 0 0 29.75 16h.074a2 2 0 1 0-1.596-3.255l-.107.185ZM8.96 16h.075A1.999 1.999 0 0 0 10 12.268 2 2 0 1 0 8.96 16Zm.074 8h-.072a2 2 0 1 0 .072 0Zm11.75-1.81c.424-.553.715-1.359.715-2.29s-.291-1.737-.716-2.29c-.424-.552-.94-.81-1.434-.81-.495 0-1.01.258-1.435.81-.424.553-.715 1.359-.715 2.29s.29 1.737.715 2.29c.209.27.439.47.678.604V20h1.5v2.802c.244-.133.48-.336.691-.612Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M14.85 5.28c1.174 0 2.057-.905 2.057-1.94S16.024 1.4 14.85 1.4s-2.058.905-2.058 1.94c0 .247.05.486.143.707l.119.198-.018.01c.341.6 1.01 1.025 1.814 1.025Zm-3.058-1.92v-.02c0-1.624 1.37-2.94 3.058-2.94 1.688 0 3.057 1.316 3.057 2.94v.006l6 3.33.006-.002c1.462-.812 3.332-.33 4.177 1.076.844 1.406.343 3.204-1.12 4.016a3.129 3.129 0 0 1-.705.286v6.096c.241.065.479.16.706.286 1.462.812 1.963 2.61 1.12 4.016-.844 1.403-2.708 1.886-4.169 1.081l-6.015 3.341c-.006 1.618-1.373 2.928-3.057 2.928-1.689 0-3.058-1.316-3.058-2.94v-.005l-6-3.331-.005.002c-1.462.812-3.332.33-4.177-1.076-.844-1.406-.343-3.204 1.12-4.016.227-.126.464-.221.705-.286v-6.096a3.136 3.136 0 0 1-.705-.286C1.267 10.954.766 9.156 1.61 7.75c.845-1.406 2.715-1.888 4.177-1.076l.02.011 5.985-3.324ZM6.865 7.683l5.296-2.941a3.046 3.046 0 0 0 1.874 1.433v4.927c-.795.245-1.473.861-1.911 1.693L7.19 10.055c.25-.807.12-1.672-.326-2.373Zm4.79 6.55-5.251-2.916a3.1 3.1 0 0 1-1.542.786v5.996a3.092 3.092 0 0 1 1.615.858l5.23-2.903a4.98 4.98 0 0 1-.052-1.822Zm.602 3.213-5.038 2.797a2.85 2.85 0 0 1-.363 2.289l5.298 2.94c.39-.7 1.068-1.23 1.881-1.445v-5.123c-.718-.221-1.341-.746-1.778-1.458ZM15.564 24a3.049 3.049 0 0 1 1.989 1.484l5.298-2.943a2.85 2.85 0 0 1-.37-2.3l-5.103-2.834c-.44.736-1.078 1.277-1.814 1.5V24Zm2.351-7.992 5.308 2.947a3.092 3.092 0 0 1 1.615-.858v-5.996a3.1 3.1 0 0 1-1.541-.786l-5.332 2.96a5.037 5.037 0 0 1-.05 1.733Zm-.406-3.177 5-2.777a2.849 2.849 0 0 1 .334-2.385l-5.298-2.941a3.05 3.05 0 0 1-1.981 1.47v4.898c.813.246 1.505.879 1.945 1.735Zm-.832 13.139-.002.001.029.049c.13.257.203.543.203.839 0 1.035-.883 1.94-2.057 1.94s-2.058-.905-2.058-1.94c0-.253.053-.499.15-.725l.102-.17-.014-.007a2.064 2.064 0 0 1 1.82-1.038c.815 0 1.491.437 1.827 1.05Zm7.069-17.8-.015-.008a1.893 1.893 0 0 0-.153 1.873l.197.328c.593.795 1.745 1.064 2.68.545.997-.553 1.31-1.757.76-2.674s-1.791-1.257-2.787-.704a2.04 2.04 0 0 0-.597.498l-.085.142ZM6.12 10.038c.422-.891.088-1.987-.849-2.507-.995-.553-2.237-.212-2.787.704-.55.917-.236 2.121.76 2.674.936.52 2.09.25 2.681-.547l.195-.324ZM23.58 20.16l.194-.323c.591-.797 1.745-1.067 2.682-.547.996.553 1.31 1.757.76 2.674s-1.792 1.257-2.788.704c-.937-.52-1.27-1.616-.848-2.508Zm-20.336-.87c.937-.52 2.09-.25 2.683.547l.194.324c.422.891.088 1.987-.849 2.507-.996.553-2.237.213-2.787-.704-.55-.917-.237-2.121.76-2.674Zm10.791-4.19v2.716c-.768-.404-1.44-1.395-1.44-2.815 0-1.888 1.188-3.018 2.211-3.018s2.21 1.13 2.21 3.018c0 1.428-.678 2.422-1.452 2.822V15.1h-1.529Z" fill="#27AA8B"/>
</svg> </svg>
\ No newline at end of file
ui/navigation/networkMenu/NetworkMenu.tsx
View file @ cd6e1b1f
import { Popover, PopoverTrigger, Box, Icon, useColorModeValue } from '@chakra-ui/react'; import { Popover, PopoverTrigger, Icon, useColorModeValue, Button } from '@chakra-ui/react';
import React from 'react'; import React from 'react';
import networksIcon from 'icons/networks.svg'; import networksIcon from 'icons/networks.svg';
...@@ -12,9 +12,9 @@ interface Props { ...@@ -12,9 +12,9 @@ interface Props {
const NetworkMenu = ({ isCollapsed }: Props) => { const NetworkMenu = ({ isCollapsed }: Props) => {
return ( return (
<Popover openDelay={ 0 } placement="right-start" gutter={ 22 }> <Popover openDelay={ 300 } placement="right-start" gutter={ 22 }>
<PopoverTrigger> <PopoverTrigger>
<Box display="inline-flex" alignSelf="stretch" alignItems="center"> <Button variant="unstyled" display="inline-flex" alignSelf="stretch" alignItems="center">
<Icon <Icon
as={ networksIcon } as={ networksIcon }
width="16px" width="16px"
...@@ -25,7 +25,7 @@ const NetworkMenu = ({ isCollapsed }: Props) => { ...@@ -25,7 +25,7 @@ const NetworkMenu = ({ isCollapsed }: Props) => {
cursor="pointer" cursor="pointer"
{ ...getDefaultTransitionProps({ transitionProperty: 'margin' }) } { ...getDefaultTransitionProps({ transitionProperty: 'margin' }) }
/> />
</Box> </Button>
</PopoverTrigger> </PopoverTrigger>
<NetworkMenuPopup/> <NetworkMenuPopup/>
</Popover> </Popover>
......
ui/navigation/networkMenu/NetworkMenuLink.tsx
View file @ cd6e1b1f
...@@ -13,9 +13,10 @@ interface Props extends NetworkLink { ...@@ -13,9 +13,10 @@ interface Props extends NetworkLink {
isActive: boolean; isActive: boolean;
} }
const NetworkMenuLink = ({ name, pathname, icon, isActive, isNewUi }: Props) => { const NetworkMenuLink = ({ name, pathname, icon, isActive }: Props) => {
// will fix later after we agree on CI/CD workflow // will fix later after we agree on CI/CD workflow
const href = isNewUi ? pathname : 'https://blockscout.com' + pathname; // const href = isNewUi ? pathname : 'https://blockscout.com' + pathname;
const href = pathname;
const hasIcon = Boolean(icon); const hasIcon = Boolean(icon);
const colors = useColors({ hasIcon }); const colors = useColors({ hasIcon });
...@@ -25,7 +26,7 @@ const NetworkMenuLink = ({ name, pathname, icon, isActive, isNewUi }: Props) => ...@@ -25,7 +26,7 @@ const NetworkMenuLink = ({ name, pathname, icon, isActive, isNewUi }: Props) =>
<Flex <Flex
as="a" as="a"
px={ 4 } px={ 4 }
py={ 2 } py={ 3 }
alignItems="center" alignItems="center"
cursor="pointer" cursor="pointer"
pointerEvents={ isActive ? 'none' : 'initial' } pointerEvents={ isActive ? 'none' : 'initial' }
...@@ -34,16 +35,11 @@ const NetworkMenuLink = ({ name, pathname, icon, isActive, isNewUi }: Props) => ...@@ -34,16 +35,11 @@ const NetworkMenuLink = ({ name, pathname, icon, isActive, isNewUi }: Props) =>
borderRadius="base" borderRadius="base"
color={ isActive ? colors.text.active : colors.text.default } color={ isActive ? colors.text.active : colors.text.default }
bgColor={ isActive ? colors.bg.active : colors.bg.default } bgColor={ isActive ? colors.bg.active : colors.bg.default }
_hover={{ _hover={{ color: isActive ? colors.text.active : colors.text.hover }}
color: isActive ? colors.text.active : colors.text.hover,
svg: {
color: isActive ? colors.icon.active : colors.icon.hover,
},
}}
> >
<Icon <Icon
as={ hasIcon ? icon : placeholderIcon } as={ hasIcon ? icon : placeholderIcon }
boxSize="40px" boxSize="30px"
color={ isActive ? colors.icon.active : colors.icon.default } color={ isActive ? colors.icon.active : colors.icon.default }
/> />
<Text <Text
......
ui/navigation/networkMenu/NetworkMenuPopup.tsx
View file @ cd6e1b1f
...@@ -8,7 +8,9 @@ import artisIcon from 'icons/networks/artis.svg'; ...@@ -8,7 +8,9 @@ import artisIcon from 'icons/networks/artis.svg';
import ethereumClassicIcon from 'icons/networks/ethereum-classic.svg'; import ethereumClassicIcon from 'icons/networks/ethereum-classic.svg';
import ethereumIcon from 'icons/networks/ethereum.svg'; import ethereumIcon from 'icons/networks/ethereum.svg';
import gnosisIcon from 'icons/networks/gnosis.svg'; import gnosisIcon from 'icons/networks/gnosis.svg';
import optimismIcon from 'icons/networks/optimism.svg';
import poaSokolIcon from 'icons/networks/poa-sokol.svg'; import poaSokolIcon from 'icons/networks/poa-sokol.svg';
import poaIcon from 'icons/networks/poa.svg';
import rskIcon from 'icons/networks/rsk.svg'; import rskIcon from 'icons/networks/rsk.svg';
import useBasePath from 'lib/hooks/useBasePath'; import useBasePath from 'lib/hooks/useBasePath';
...@@ -24,11 +26,11 @@ const NetworkMenuPopup = () => { ...@@ -24,11 +26,11 @@ const NetworkMenuPopup = () => {
const LINKS: Record<PopupTab, Array<NetworkLink>> = { const LINKS: Record<PopupTab, Array<NetworkLink>> = {
mainnets: [ mainnets: [
{ name: 'Gnosis Chain', pathname: '/xdai/mainnet', icon: gnosisIcon, isNewUi: true }, { name: 'Gnosis Chain', pathname: '/xdai/mainnet', icon: gnosisIcon, isNewUi: true },
{ name: 'Optimism on Gnosis Chain', pathname: '/xdai/optimism', icon: gnosisIcon }, { name: 'Optimism on Gnosis Chain', pathname: '/xdai/optimism', icon: optimismIcon },
{ name: 'Arbitrum on xDai', pathname: '/xdai/aox', icon: arbitrumIcon }, { name: 'Arbitrum on xDai', pathname: '/xdai/aox', icon: arbitrumIcon },
{ name: 'Ethereum', pathname: '/eth/mainnet', icon: ethereumIcon }, { name: 'Ethereum', pathname: '/eth/mainnet', icon: ethereumIcon },
{ name: 'Ethereum Classic', pathname: '/etc/mainnet', icon: ethereumClassicIcon }, { name: 'Ethereum Classic', pathname: '/etc/mainnet', icon: ethereumClassicIcon },
{ name: 'POA', pathname: '/poa/core' }, { name: 'POA', pathname: '/poa/core', icon: poaIcon },
{ name: 'RSK', pathname: '/rsk/mainnet', icon: rskIcon }, { name: 'RSK', pathname: '/rsk/mainnet', icon: rskIcon },
], ],
testnets: [ testnets: [
...@@ -49,7 +51,7 @@ const NetworkMenuPopup = () => { ...@@ -49,7 +51,7 @@ const NetworkMenuPopup = () => {
<TabList> <TabList>
{ TABS.map((tab) => <Tab key={ tab } textTransform="capitalize">{ tab }</Tab>) } { TABS.map((tab) => <Tab key={ tab } textTransform="capitalize">{ tab }</Tab>) }
</TabList> </TabList>
<TabPanels> <TabPanels mt={ 8 }>
{ TABS.map((tab) => ( { TABS.map((tab) => (
<TabPanel key={ tab } p={ 0 }> <TabPanel key={ tab } p={ 0 }>
<VStack as="ul" spacing={ 2 } alignItems="stretch" mt={ 4 }> <VStack as="ul" spacing={ 2 } alignItems="stretch" mt={ 4 }>
......
ui/navigation/networkMenu/useColors.ts
View file @ cd6e1b1f
...@@ -6,14 +6,13 @@ export default function useColors({ hasIcon }: {hasIcon: boolean}) { ...@@ -6,14 +6,13 @@ export default function useColors({ hasIcon }: {hasIcon: boolean}) {
return { return {
text: { text: {
'default': useColorModeValue('gray.700', 'gray.400'), 'default': useColorModeValue('gray.600', 'gray.400'),
active: useColorModeValue('gray.700', 'gray.50'), active: useColorModeValue('gray.700', 'whiteAlpha.900'),
hover: 'blue.400', hover: useColorModeValue('blue.600', 'blue.400'),
}, },
icon: { icon: {
'default': hasIcon ? iconDefaultColor : iconPlaceholderDefaultColor, 'default': hasIcon ? iconDefaultColor : iconPlaceholderDefaultColor,
active: useColorModeValue('blackAlpha.900', 'whiteAlpha.900'), active: useColorModeValue('blackAlpha.900', 'whiteAlpha.900'),
hover: hasIcon ? 'blue.400' : 'blue.100',
}, },
bg: { bg: {
'default': 'transparent', 'default': 'transparent',
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment