mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/imputnet/cobalt.git synced 2025-01-16 03:45:14 +00:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

web/AboutSupport: update github color & add glow

Browse source
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
1 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
web/src/components/about/AboutSupport.svelte
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>