style: minor changes

This commit is contained in:
MAZE 2024-08-30 17:14:29 +03:30
parent 1cf9a85e13
commit a29e2c20e4
3 changed files with 21 additions and 3 deletions

View file

@ -20,7 +20,10 @@
width: 45px;
height: 45px;
font-size: var(--font-md);
background-color: var(--color-neutral-100);
background: linear-gradient(
var(--color-neutral-50),
var(--color-neutral-100)
);
border: 1px solid var(--color-neutral-300);
border-radius: 50%;
}
@ -31,6 +34,16 @@
font-size: var(--font-lg);
font-weight: 600;
text-align: center;
& span {
background: linear-gradient(
135deg,
var(--color-foreground),
var(--color-foreground-subtle)
);
background-clip: text;
-webkit-text-fill-color: transparent;
}
}
& .desc {

View file

@ -14,7 +14,9 @@ export function Donate() {
</div>
</div>
<div className={styles.title}>Support Me</div>
<div className={styles.title}>
<span>Support Me</span>
</div>
<p className={styles.desc}>Help me keep Moodist ad-free.</p>
<SpecialButton
className={styles.button}

View file

@ -22,7 +22,10 @@
width: 45px;
height: 45px;
font-size: var(--font-md);
background-color: var(--color-neutral-100);
background: linear-gradient(
var(--color-neutral-50),
var(--color-neutral-100)
);
border: 1px solid var(--color-neutral-300);
border-radius: 50%;
}