mirror of
https://github.com/wukko/cobalt.git
synced 2025-05-29 13:00:12 +02:00
web/AboutSupport: update github color & add glow
This commit is contained in:
parent
6ad838b649
commit
6c3b4e0fa9
@ -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>
|
||||
|
Loading…
x
Reference in New Issue
Block a user