From 692bc993a37f708637e07d803abf9102a5f82c38 Mon Sep 17 00:00:00 2001
From: Sam <samuv.eth@gmail.com>
Date: Sat, 3 Feb 2024 13:30:26 +0700
Subject: [PATCH 1/9] fix: Custom icons

---
 src/assets/discord.svg       |  3 ---
 src/assets/github.svg        |  3 ---
 src/assets/icons/discord.svg |  4 ++++
 src/assets/icons/github.svg  |  4 ++++
 src/assets/icons/x.svg       |  5 +++++
 src/assets/x.svg             |  3 ---
 src/views/Home.vue           | 30 ++++++++++++++++++++---------
 src/views/Space/Overview.vue | 37 ++++++++++++++++++++++--------------
 vite.config.ts               | 10 ++++++++--
 9 files changed, 65 insertions(+), 34 deletions(-)
 delete mode 100644 src/assets/discord.svg
 delete mode 100644 src/assets/github.svg
 create mode 100644 src/assets/icons/discord.svg
 create mode 100644 src/assets/icons/github.svg
 create mode 100644 src/assets/icons/x.svg
 delete mode 100644 src/assets/x.svg

diff --git a/src/assets/discord.svg b/src/assets/discord.svg
deleted file mode 100644
index f706a8d1..00000000
--- a/src/assets/discord.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
-    <path d="M938.666667 1024l-224-213.333333 26.88 85.333333H192A106.666667 106.666667 0 0 1 85.333333 789.333333v-640A106.666667 106.666667 0 0 1 192 42.666667h640A106.666667 106.666667 0 0 1 938.666667 149.333333V1024M512 290.133333c-114.346667 0-194.56 49.066667-194.56 49.066667 43.946667-39.253333 120.746667-61.866667 120.746667-61.866667l-7.253334-7.253333c-72.106667 1.28-137.386667 51.2-137.386666 51.2-73.386667 153.173333-68.693333 285.44-68.693334 285.44 59.733333 77.226667 148.48 71.68 148.48 71.68l30.293334-38.4c-53.333333-11.52-87.04-58.88-87.04-58.88S396.8 635.733333 512 635.733333s195.413333-54.613333 195.413333-54.613333-33.706667 47.36-87.04 58.88l30.293334 38.4s88.746667 5.546667 148.48-71.68c0 0 4.693333-132.266667-68.693334-285.44 0 0-65.28-49.92-137.386666-51.2l-7.253334 7.253333s76.8 22.613333 120.746667 61.866667c0 0-80.213333-49.066667-194.56-49.066667m-88.32 161.706667c27.733333 0 50.346667 24.32 49.92 54.186667 0 29.44-22.186667 54.186667-49.92 54.186666-27.306667 0-49.493333-24.746667-49.493333-54.186666 0-29.866667 21.76-54.186667 49.493333-54.186667m177.92 0c27.733333 0 49.92 24.32 49.92 54.186667 0 29.44-22.186667 54.186667-49.92 54.186666-27.306667 0-49.493333-24.746667-49.493333-54.186666 0-29.866667 21.76-54.186667 49.493333-54.186667z" fill="#606060"></path>
-</svg>
diff --git a/src/assets/github.svg b/src/assets/github.svg
deleted file mode 100644
index bceb5d91..00000000
--- a/src/assets/github.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
-    <path d="M512 0C229.12 0 0 229.12 0 512c0 226.56 146.56 417.92 350.08 485.76 25.6 4.48 35.2-10.88 35.2-24.32 0-12.16-0.64-52.48-0.64-95.36-128.64 23.68-161.92-31.36-172.16-60.16-5.76-14.72-30.72-60.16-52.48-72.32-17.92-9.6-43.52-33.28-0.64-33.92 40.32-0.64 69.12 37.12 78.72 52.48 46.08 77.44 119.68 55.68 149.12 42.24 4.48-33.28 17.92-55.68 32.64-68.48-113.92-12.8-232.96-56.96-232.96-252.8 0-55.68 19.84-101.76 52.48-137.6-5.12-12.8-23.04-65.28 5.12-135.68 0 0 42.88-13.44 140.8 52.48 40.96-11.52 84.48-17.28 128-17.28 43.52 0 87.04 5.76 128 17.28 97.92-66.56 140.8-52.48 140.8-52.48 28.16 70.4 10.24 122.88 5.12 135.68 32.64 35.84 52.48 81.28 52.48 137.6 0 196.48-119.68 240-233.6 252.8 18.56 16 34.56 46.72 34.56 94.72 0 68.48-0.64 123.52-0.64 140.8 0 13.44 9.6 29.44 35.2 24.32A512.832 512.832 0 0 0 1024 512c0-282.88-229.12-512-512-512z" fill="#606060"></path>
-</svg>
diff --git a/src/assets/icons/discord.svg b/src/assets/icons/discord.svg
new file mode 100644
index 00000000..252ef131
--- /dev/null
+++ b/src/assets/icons/discord.svg
@@ -0,0 +1,4 @@
+<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
+    <path
+        d="M938.666667 1024l-224-213.333333 26.88 85.333333H192A106.666667 106.666667 0 0 1 85.333333 789.333333v-640A106.666667 106.666667 0 0 1 192 42.666667h640A106.666667 106.666667 0 0 1 938.666667 149.333333V1024M512 290.133333c-114.346667 0-194.56 49.066667-194.56 49.066667 43.946667-39.253333 120.746667-61.866667 120.746667-61.866667l-7.253334-7.253333c-72.106667 1.28-137.386667 51.2-137.386666 51.2-73.386667 153.173333-68.693333 285.44-68.693334 285.44 59.733333 77.226667 148.48 71.68 148.48 71.68l30.293334-38.4c-53.333333-11.52-87.04-58.88-87.04-58.88S396.8 635.733333 512 635.733333s195.413333-54.613333 195.413333-54.613333-33.706667 47.36-87.04 58.88l30.293334 38.4s88.746667 5.546667 148.48-71.68c0 0 4.693333-132.266667-68.693334-285.44 0 0-65.28-49.92-137.386666-51.2l-7.253334 7.253333s76.8 22.613333 120.746667 61.866667c0 0-80.213333-49.066667-194.56-49.066667m-88.32 161.706667c27.733333 0 50.346667 24.32 49.92 54.186667 0 29.44-22.186667 54.186667-49.92 54.186666-27.306667 0-49.493333-24.746667-49.493333-54.186666 0-29.866667 21.76-54.186667 49.493333-54.186667m177.92 0c27.733333 0 49.92 24.32 49.92 54.186667 0 29.44-22.186667 54.186667-49.92 54.186666-27.306667 0-49.493333-24.746667-49.493333-54.186666 0-29.866667 21.76-54.186667 49.493333-54.186667z"></path>
+</svg>
\ No newline at end of file
diff --git a/src/assets/icons/github.svg b/src/assets/icons/github.svg
new file mode 100644
index 00000000..88afcc08
--- /dev/null
+++ b/src/assets/icons/github.svg
@@ -0,0 +1,4 @@
+<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
+    <path
+        d="M512 0C229.12 0 0 229.12 0 512c0 226.56 146.56 417.92 350.08 485.76 25.6 4.48 35.2-10.88 35.2-24.32 0-12.16-0.64-52.48-0.64-95.36-128.64 23.68-161.92-31.36-172.16-60.16-5.76-14.72-30.72-60.16-52.48-72.32-17.92-9.6-43.52-33.28-0.64-33.92 40.32-0.64 69.12 37.12 78.72 52.48 46.08 77.44 119.68 55.68 149.12 42.24 4.48-33.28 17.92-55.68 32.64-68.48-113.92-12.8-232.96-56.96-232.96-252.8 0-55.68 19.84-101.76 52.48-137.6-5.12-12.8-23.04-65.28 5.12-135.68 0 0 42.88-13.44 140.8 52.48 40.96-11.52 84.48-17.28 128-17.28 43.52 0 87.04 5.76 128 17.28 97.92-66.56 140.8-52.48 140.8-52.48 28.16 70.4 10.24 122.88 5.12 135.68 32.64 35.84 52.48 81.28 52.48 137.6 0 196.48-119.68 240-233.6 252.8 18.56 16 34.56 46.72 34.56 94.72 0 68.48-0.64 123.52-0.64 140.8 0 13.44 9.6 29.44 35.2 24.32A512.832 512.832 0 0 0 1024 512c0-282.88-229.12-512-512-512z"></path>
+</svg>
\ No newline at end of file
diff --git a/src/assets/icons/x.svg b/src/assets/icons/x.svg
new file mode 100644
index 00000000..0a608908
--- /dev/null
+++ b/src/assets/icons/x.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+    <path
+        d="M770.476 104H908.46L607.077 449.354L961.652 919.31H684.053L466.619 634.233L217.809 919.31H79.7681L402.125 549.89L62 104H346.684L543.202 364.506L770.476 104ZM722.12 836.542H798.59L305.075 182.438H223.094L722.12 836.542Z"
+    />
+</svg>
\ No newline at end of file
diff --git a/src/assets/x.svg b/src/assets/x.svg
deleted file mode 100644
index ddef9b41..00000000
--- a/src/assets/x.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg width="1024" height="1024" viewBox="0 0 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M770.476 104H908.46L607.077 449.354L961.652 919.31H684.053L466.619 634.233L217.809 919.31H79.7681L402.125 549.89L62 104H346.684L543.202 364.506L770.476 104ZM722.12 836.542H798.59L305.075 182.438H223.094L722.12 836.542Z" fill="#606060"/>
-</svg>
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 23eed333..f7883907 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -1,7 +1,25 @@
 <script setup lang="ts">
 import { version, repository } from '@/../package.json';
+import ICX from '~icons/c/x';
+import ICDiscord from '~icons/c/discord';
+import ICGithub from '~icons/c/github';
 
 const COMMIT_SHA = import.meta.env.VITE_COMMIT_SHA || '';
+
+const socials = [
+  {
+    href: 'https://twitter.com/SnapshotLabs',
+    icon: ICX
+  },
+  {
+    href: 'https://discord.gg/snapshot',
+    icon: ICDiscord
+  },
+  {
+    href: 'https://github.com/snapshot-labs',
+    icon: ICGithub
+  }
+];
 </script>
 
 <template>
@@ -54,15 +72,9 @@ const COMMIT_SHA = import.meta.env.VITE_COMMIT_SHA || '';
       </div>
       <div class="space-y-2">
         <div class="eyebrow">Join the community</div>
-        <div class="space-x-2">
-          <a href="https://twitter.com/SnapshotLabs" target="_blank">
-            <img src="~@/assets/x.svg" class="w-[32px] h-[32px] inline-block" />
-          </a>
-          <a href="https://discord.gg/snapshot" target="_blank">
-            <img src="~@/assets/discord.svg" class="w-[32px] h-[32px] inline-block" />
-          </a>
-          <a href="https://github.com/snapshot-labs" target="_blank">
-            <img src="~@/assets/github.svg" class="w-[32px] h-[32px] inline-block" />
+        <div class="flex space-x-2">
+          <a v-for="social in socials" :key="social.href" :href="social.href" target="_blank">
+            <component :is="social.icon" class="!text-[27px] text-[#606060] hover:text-skin-text" />
           </a>
         </div>
       </div>
diff --git a/src/views/Space/Overview.vue b/src/views/Space/Overview.vue
index b6db1094..528a7863 100644
--- a/src/views/Space/Overview.vue
+++ b/src/views/Space/Overview.vue
@@ -2,6 +2,10 @@
 import { _n, compareAddresses, sanitizeUrl } from '@/helpers/utils';
 import { getNetwork, offchainNetworks } from '@/networks';
 import { Space } from '@/types';
+import ICX from '~icons/c/x';
+import ICDiscord from '~icons/c/discord';
+import ICGithub from '~icons/c/github';
+import IHGlobeAlt from '~icons/heroicons-outline/globe-alt';
 
 const PROPOSALS_LIMIT = 4;
 
@@ -24,7 +28,9 @@ const network = computed(() => getNetwork(props.space.network));
 const spaceStarred = computed(() => spacesStore.starredSpacesIds.includes(spaceIdComposite));
 const isController = computed(() => compareAddresses(props.space.controller, web3.value.account));
 
-const externalUrl = computed(() => sanitizeUrl(props.space.external_url));
+const externalUrl = computed(() =>
+  props.space.external_url ? sanitizeUrl(props.space.external_url) : null
+);
 const twitterUrl = computed(() =>
   props.space.twitter ? sanitizeUrl(`https://twitter.com/${props.space.twitter}`) : null
 );
@@ -35,6 +41,13 @@ const githubUrl = computed(() =>
   props.space.github ? sanitizeUrl(`https://github.com/${props.space.github}`) : null
 );
 
+const socials = computed(() => [
+  { href: externalUrl.value, icon: IHGlobeAlt },
+  { href: twitterUrl.value, icon: ICX },
+  { href: discordUrl.value, icon: ICDiscord },
+  { href: githubUrl.value, icon: ICGithub }
+]);
+
 const proposalsRecord = computed(() => proposalsStore.proposals[spaceIdComposite]);
 
 watchEffect(() => setTitle(props.space.name));
@@ -92,19 +105,15 @@ watchEffect(() => setTitle(props.space.name));
             {{ space.about }}
           </span>
         </div>
-        <div class="space-x-2">
-          <a v-if="externalUrl" :href="externalUrl" target="_blank">
-            <IH-globe-alt class="w-[26px] h-[26px] inline-block text-[#606060]" />
-          </a>
-          <a v-if="twitterUrl" :href="twitterUrl" target="_blank">
-            <img src="~@/assets/x.svg" class="w-[26px] h-[26px] inline-block" />
-          </a>
-          <a v-if="discordUrl" :href="discordUrl" target="_blank">
-            <img src="~@/assets/discord.svg" class="w-[26px] h-[26px] inline-block" />
-          </a>
-          <a v-if="githubUrl" :href="githubUrl" target="_blank">
-            <img src="~@/assets/github.svg" class="w-[26px] h-[26px] inline-block" />
-          </a>
+        <div class="space-x-2 flex">
+          <span v-for="(social, i) in socials" :key="i">
+            <a v-if="social.href" :href="social.href" target="_blank">
+              <component
+                :is="social.icon"
+                class="!text-[22px] text-[#606060] hover:text-skin-text"
+              />
+            </a>
+          </span>
         </div>
       </div>
     </div>
diff --git a/vite.config.ts b/vite.config.ts
index c34d1b25..bc443c2b 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -5,6 +5,7 @@ import AutoImport from 'unplugin-auto-import/vite';
 import Components from 'unplugin-vue-components/vite';
 import Icons from 'unplugin-icons/vite';
 import IconsResolver from 'unplugin-icons/resolver';
+import { FileSystemIconLoader } from 'unplugin-icons/loaders';
 import visualizer from 'rollup-plugin-visualizer';
 import inject from '@rollup/plugin-inject';
 
@@ -30,6 +31,7 @@ export default defineConfig({
       directoryAsNamespace: true,
       resolvers: [
         IconsResolver({
+          customCollections: ['c'],
           alias: {
             h: 'heroicons-outline',
             s: 'heroicons-solid'
@@ -45,8 +47,12 @@ export default defineConfig({
     Icons({
       compiler: 'vue3',
       iconCustomizer(collection, icon, props) {
-        props.width = '20px';
-        props.height = '20px';
+        props.class = 'text-sm';
+      },
+      customCollections: {
+        c: FileSystemIconLoader('./src/assets/icons', svg =>
+          svg.replace(/^<svg /, '<svg fill="currentColor" ')
+        )
       }
     })
   ],

From 4999afec9d9b588d29bcff93c423ecb123b36f31 Mon Sep 17 00:00:00 2001
From: Sam <samuv.eth@gmail.com>
Date: Mon, 5 Feb 2024 16:14:50 +0700
Subject: [PATCH 2/9] fix: Use link color for more visibility on light mode

---
 src/views/Home.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/Home.vue b/src/views/Home.vue
index f7883907..6ba834d4 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -74,7 +74,7 @@ const socials = [
         <div class="eyebrow">Join the community</div>
         <div class="flex space-x-2">
           <a v-for="social in socials" :key="social.href" :href="social.href" target="_blank">
-            <component :is="social.icon" class="!text-[27px] text-[#606060] hover:text-skin-text" />
+            <component :is="social.icon" class="!text-[27px] text-[#606060] hover:text-skin-link" />
           </a>
         </div>
       </div>

From 43850b25c95b0079e7fa088be66e834db241328d Mon Sep 17 00:00:00 2001
From: Sam <51686767+samuveth@users.noreply.github.com>
Date: Mon, 5 Feb 2024 23:07:17 +0700
Subject: [PATCH 3/9] Update src/views/Home.vue
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Wiktor Tkaczyński <wiktor.tkaczynski@gmail.com>
---
 src/views/Home.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/Home.vue b/src/views/Home.vue
index 6ba834d4..d0cf08a1 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -6,7 +6,7 @@ import ICGithub from '~icons/c/github';
 
 const COMMIT_SHA = import.meta.env.VITE_COMMIT_SHA || '';
 
-const socials = [
+const SOCIALS = [
   {
     href: 'https://twitter.com/SnapshotLabs',
     icon: ICX

From af5b7676f6ae4163199296329687651a9b30f81a Mon Sep 17 00:00:00 2001
From: Sam <51686767+samuveth@users.noreply.github.com>
Date: Mon, 5 Feb 2024 23:07:25 +0700
Subject: [PATCH 4/9] Update src/views/Home.vue
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Wiktor Tkaczyński <wiktor.tkaczynski@gmail.com>
---
 src/views/Home.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/Home.vue b/src/views/Home.vue
index d0cf08a1..037b4249 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -73,7 +73,7 @@ const SOCIALS = [
       <div class="space-y-2">
         <div class="eyebrow">Join the community</div>
         <div class="flex space-x-2">
-          <a v-for="social in socials" :key="social.href" :href="social.href" target="_blank">
+          <a v-for="social in SOCIALS" :key="social.href" :href="social.href" target="_blank">
             <component :is="social.icon" class="!text-[27px] text-[#606060] hover:text-skin-link" />
           </a>
         </div>

From 74e26f820e279ab918fe65a6470bc92a4ed061a1 Mon Sep 17 00:00:00 2001
From: Sam <samuv.eth@gmail.com>
Date: Mon, 5 Feb 2024 23:08:51 +0700
Subject: [PATCH 5/9] fix: Revert changes

---
 src/views/Space/Overview.vue | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/views/Space/Overview.vue b/src/views/Space/Overview.vue
index 528a7863..70b86fc7 100644
--- a/src/views/Space/Overview.vue
+++ b/src/views/Space/Overview.vue
@@ -28,9 +28,7 @@ const network = computed(() => getNetwork(props.space.network));
 const spaceStarred = computed(() => spacesStore.starredSpacesIds.includes(spaceIdComposite));
 const isController = computed(() => compareAddresses(props.space.controller, web3.value.account));
 
-const externalUrl = computed(() =>
-  props.space.external_url ? sanitizeUrl(props.space.external_url) : null
-);
+const externalUrl = computed(() => sanitizeUrl(props.space.external_url));
 const twitterUrl = computed(() =>
   props.space.twitter ? sanitizeUrl(`https://twitter.com/${props.space.twitter}`) : null
 );

From d76b17a70608f73a74fe7ca69ad3163585006781 Mon Sep 17 00:00:00 2001
From: Sam <samuv.eth@gmail.com>
Date: Tue, 6 Feb 2024 11:18:50 +0700
Subject: [PATCH 6/9] fix: Size consistency using em

---
 src/views/Home.vue           | 10 ++++++++--
 src/views/Space/Overview.vue | 12 +++++++-----
 vite.config.ts               |  3 ++-
 3 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/src/views/Home.vue b/src/views/Home.vue
index 037b4249..ccf98026 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -73,8 +73,14 @@ const SOCIALS = [
       <div class="space-y-2">
         <div class="eyebrow">Join the community</div>
         <div class="flex space-x-2">
-          <a v-for="social in SOCIALS" :key="social.href" :href="social.href" target="_blank">
-            <component :is="social.icon" class="!text-[27px] text-[#606060] hover:text-skin-link" />
+          <a
+            v-for="social in SOCIALS"
+            :key="social.href"
+            :href="social.href"
+            target="_blank"
+            class="text-[32px] text-[#606060] hover:text-skin-link"
+          >
+            <component :is="social.icon" />
           </a>
         </div>
       </div>
diff --git a/src/views/Space/Overview.vue b/src/views/Space/Overview.vue
index 70b86fc7..51b2c997 100644
--- a/src/views/Space/Overview.vue
+++ b/src/views/Space/Overview.vue
@@ -105,11 +105,13 @@ watchEffect(() => setTitle(props.space.name));
         </div>
         <div class="space-x-2 flex">
           <span v-for="(social, i) in socials" :key="i">
-            <a v-if="social.href" :href="social.href" target="_blank">
-              <component
-                :is="social.icon"
-                class="!text-[22px] text-[#606060] hover:text-skin-text"
-              />
+            <a
+              v-if="social.href"
+              :href="social.href"
+              target="_blank"
+              class="text-[26px] text-[#606060] hover:text-skin-text"
+            >
+              <component :is="social.icon" />
             </a>
           </span>
         </div>
diff --git a/vite.config.ts b/vite.config.ts
index 86a68912..4fb81a0d 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -47,7 +47,8 @@ export default defineConfig({
     Icons({
       compiler: 'vue3',
       iconCustomizer(collection, icon, props) {
-        props.class = 'text-sm';
+        props.width = '1em';
+        props.height = '1em';
       },
       customCollections: {
         c: FileSystemIconLoader('./src/assets/icons', svg =>

From db9e7077bd6f214a504bdc4aacdae63fe62819a1 Mon Sep 17 00:00:00 2001
From: Sam <samuv.eth@gmail.com>
Date: Tue, 6 Feb 2024 11:25:47 +0700
Subject: [PATCH 7/9] fix: Use link color

---
 src/views/Space/Overview.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/Space/Overview.vue b/src/views/Space/Overview.vue
index 51b2c997..72380fda 100644
--- a/src/views/Space/Overview.vue
+++ b/src/views/Space/Overview.vue
@@ -109,7 +109,7 @@ watchEffect(() => setTitle(props.space.name));
               v-if="social.href"
               :href="social.href"
               target="_blank"
-              class="text-[26px] text-[#606060] hover:text-skin-text"
+              class="text-[26px] text-[#606060] hover:text-skin-link"
             >
               <component :is="social.icon" />
             </a>

From a633726f2bbd3a5cdcea328675f60d539c75d572 Mon Sep 17 00:00:00 2001
From: Sam <samuv.eth@gmail.com>
Date: Tue, 6 Feb 2024 16:27:15 +0700
Subject: [PATCH 8/9] fix: Use larger em value

---
 src/views/Home.vue           | 2 +-
 src/views/Space/Overview.vue | 2 +-
 vite.config.ts               | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/views/Home.vue b/src/views/Home.vue
index ccf98026..8a8cc227 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -78,7 +78,7 @@ const SOCIALS = [
             :key="social.href"
             :href="social.href"
             target="_blank"
-            class="text-[32px] text-[#606060] hover:text-skin-link"
+            class="text-[28.8px] text-[#606060] hover:text-skin-link"
           >
             <component :is="social.icon" />
           </a>
diff --git a/src/views/Space/Overview.vue b/src/views/Space/Overview.vue
index 72380fda..87a69417 100644
--- a/src/views/Space/Overview.vue
+++ b/src/views/Space/Overview.vue
@@ -109,7 +109,7 @@ watchEffect(() => setTitle(props.space.name));
               v-if="social.href"
               :href="social.href"
               target="_blank"
-              class="text-[26px] text-[#606060] hover:text-skin-link"
+              class="text-[23.4px] text-[#606060] hover:text-skin-link"
             >
               <component :is="social.icon" />
             </a>
diff --git a/vite.config.ts b/vite.config.ts
index 4fb81a0d..28060391 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -47,8 +47,8 @@ export default defineConfig({
     Icons({
       compiler: 'vue3',
       iconCustomizer(collection, icon, props) {
-        props.width = '1em';
-        props.height = '1em';
+        props.width = '1.11em';
+        props.height = '1.11em';
       },
       customCollections: {
         c: FileSystemIconLoader('./src/assets/icons', svg =>

From 0a84135989b41ec0376b1ee87c0584f67a198808 Mon Sep 17 00:00:00 2001
From: Sam <samuv.eth@gmail.com>
Date: Tue, 6 Feb 2024 19:06:36 +0700
Subject: [PATCH 9/9] fix: Use hard coded 20px again

---
 src/views/Home.vue           | 4 ++--
 src/views/Space/Overview.vue | 4 ++--
 vite.config.ts               | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/views/Home.vue b/src/views/Home.vue
index 8a8cc227..4fad4866 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -78,9 +78,9 @@ const SOCIALS = [
             :key="social.href"
             :href="social.href"
             target="_blank"
-            class="text-[28.8px] text-[#606060] hover:text-skin-link"
+            class="text-[#606060] hover:text-skin-link"
           >
-            <component :is="social.icon" />
+            <component :is="social.icon" class="w-[32px] h-[32px]" />
           </a>
         </div>
       </div>
diff --git a/src/views/Space/Overview.vue b/src/views/Space/Overview.vue
index 87a69417..9b61ee3c 100644
--- a/src/views/Space/Overview.vue
+++ b/src/views/Space/Overview.vue
@@ -109,9 +109,9 @@ watchEffect(() => setTitle(props.space.name));
               v-if="social.href"
               :href="social.href"
               target="_blank"
-              class="text-[23.4px] text-[#606060] hover:text-skin-link"
+              class="text-[#606060] hover:text-skin-link"
             >
-              <component :is="social.icon" />
+              <component :is="social.icon" class="w-[26px] h-[26px]" />
             </a>
           </span>
         </div>
diff --git a/vite.config.ts b/vite.config.ts
index 28060391..65a42926 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -47,8 +47,8 @@ export default defineConfig({
     Icons({
       compiler: 'vue3',
       iconCustomizer(collection, icon, props) {
-        props.width = '1.11em';
-        props.height = '1.11em';
+        props.width = '20px';
+        props.height = '20px';
       },
       customCollections: {
         c: FileSystemIconLoader('./src/assets/icons', svg =>