Mirrors/moodist
1
0
Fork 0
mirror of https://github.com/remvze/moodist.git synced 2026-02-28 00:53:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: minor changes

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/categories/donate/donate.module.css
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 {

4
src/components/categories/donate/donate.tsx
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}

5
src/components/category/category.module.css
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%;
}