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

View File

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