Skip to content

Commit

Permalink
[explorer] fix: add discord icon
Browse files Browse the repository at this point in the history
  • Loading branch information
AnthonyLaw committed Jan 5, 2025
1 parent 271170b commit a0f3310
Show file tree
Hide file tree
Showing 2 changed files with 42 additions and 1 deletion.
41 changes: 41 additions & 0 deletions src/components/graphics/DiscordIcon.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
<template>
<span
role="img"
class="material-design-icon discord-icon"
>
<svg
viewBox="0 0 127.14 96.36"
width="24px"
height="24px"
class="material-design-icon__svg"
>
<path
fill="currentColor"
d="M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z"
/>
</svg>
</span>
</template>

<style lang="scss" scoped>
.material-design-icon {
display: inline-flex;
-ms-flex-item-align: center;
align-self: center;
position: relative;
height: 1em;
}
.material-design-icon__svg {
height: 1em;
width: 1em;
fill: currentColor;
position: absolute;
bottom: -0.125em;
}
svg {
overflow: hidden;
vertical-align: middle;
}
</style>
2 changes: 1 addition & 1 deletion src/components/layout/Footer.vue
Original file line number Diff line number Diff line change
Expand Up @@ -53,7 +53,7 @@ import NodeSelector from '@/components/controls/NodeSelector.vue';
import IconGithub from 'vue-material-design-icons/Github.vue';
import IconNewspaper from 'vue-material-design-icons/Newspaper.vue';
import IconDiscord from 'vue-material-design-icons/Discord.vue';
import IconDiscord from '../../components/graphics/DiscordIcon.vue';
import IconTwitter from 'vue-material-design-icons/Twitter.vue';
import IconCurrencyUsd from 'vue-material-design-icons/CurrencyUsd.vue';
import globalConfig from '../../config/globalConfig';
Expand Down

0 comments on commit a0f3310

Please sign in to comment.