feat: add hover effect for opensource buttons

haxgun · haxgun · commit 4196f69e2111 · 2025-02-23T20:40:16.000+05:00
diff --git a/frontend/src/components/HomePage/OpenSource.vue b/frontend/src/components/HomePage/OpenSource.vue
@@ -32,14 +32,14 @@ const contributorsCount = computed(() => contributorsData.value?.length ?? 0)
       >
       <Button
         @click="openLink('https://github.com/ValoryApp/Valory/forks')"
-        class="gap-1 border border-white/10 bg-[#19191A] px-3 text-[#F2F2F2]"
+        class="gap-1 border border-white/10 bg-[#19191A] px-3 text-[#F2F2F2] hover:border-white"
       >
         <GitBranch01 :size="22" />
         {{ forksCount }}
       </Button>
       <Button
         @click="openLink('https://github.com/ValoryApp/Valory/stargazers')"
-        class="gap-1 border border-white/10 bg-[#19191A] px-3 text-[#F2F2F2]"
+        class="gap-1 border border-white/10 bg-[#19191A] px-3 text-[#F2F2F2] hover:border-white"
       >
         <Star01 color="#E3B341" :size="22" />
         {{ starsCount }}

Original file line number	Diff line number	Diff line change
`@@ -32,14 +32,14 @@ const contributorsCount = computed(() => contributorsData.value?.length ?? 0)`
`32`	`32`	`>`
`33`	`33`	`<Button`
`34`	`34`	`@click="openLink('https://github.com/ValoryApp/Valory/forks')"`
`35`		`- class="gap-1 border border-white/10 bg-[#19191A] px-3 text-[#F2F2F2]"`
	`35`	`+ class="gap-1 border border-white/10 bg-[#19191A] px-3 text-[#F2F2F2] hover:border-white"`
`36`	`36`	`>`
`37`	`37`	`<GitBranch01 :size="22" />`
`38`	`38`	`{{ forksCount }}`
`39`	`39`	`</Button>`
`40`	`40`	`<Button`
`41`	`41`	`@click="openLink('https://github.com/ValoryApp/Valory/stargazers')"`
`42`		`- class="gap-1 border border-white/10 bg-[#19191A] px-3 text-[#F2F2F2]"`
	`42`	`+ class="gap-1 border border-white/10 bg-[#19191A] px-3 text-[#F2F2F2] hover:border-white"`
`43`	`43`	`>`
`44`	`44`	`<Star01 color="#E3B341" :size="22" />`
`45`	`45`	`{{ starsCount }}`