web/AboutSupport: update github color & add glow

This commit is contained in:
wukko 2024-10-12 22:23:01 +06:00
parent 6ad838b649
commit 6c3b4e0fa9
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2

View file

@ -12,7 +12,7 @@
const platformIcons = {
github: {
icon: IconBrandGithub,
color: "var(--secondary)",
color: "#8842cd",
},
discord: {
icon: IconBrandDiscord,
@ -42,7 +42,10 @@
<div class="support-card-header">
<div
class="icon-holder support-icon-{platform}"
style="background-color: {platformIcons[platform].color}"
style="
background-color: {platformIcons[platform].color};
box-shadow: 0 0 90px 10px {platformIcons[platform].color};
"
>
<svelte:component this={platformIcons[platform].icon} />
</div>
@ -66,6 +69,7 @@
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
overflow: hidden;
}
.support-card-header {
@ -109,8 +113,4 @@
.support-card-description {
padding: 0;
}
:global([data-theme="dark"]) .support-icon-github :global(svg) {
stroke: var(--primary);
}
</style>