mirror of
https://github.com/remvze/moodist.git
synced 2026-02-28 00:53:13 +08:00
feat: add desktop notice
This commit is contained in:
@@ -9,6 +9,12 @@
|
|||||||
color: var(--color-foreground-subtle);
|
color: var(--color-foreground-subtle);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.notice {
|
||||||
|
margin-top: 4px;
|
||||||
|
font-size: var(--font-sm);
|
||||||
|
color: var(--color-foreground-subtler);
|
||||||
|
}
|
||||||
|
|
||||||
.radios {
|
.radios {
|
||||||
margin-top: 28px;
|
margin-top: 28px;
|
||||||
|
|
||||||
|
|||||||
@@ -26,6 +26,7 @@ export function LofiModal({ onClose, show }: LofiModalProps) {
|
|||||||
<Modal persist show={show} onClose={onClose}>
|
<Modal persist show={show} onClose={onClose}>
|
||||||
<h2 className={styles.title}>Lofi Radios</h2>
|
<h2 className={styles.title}>Lofi Radios</h2>
|
||||||
<p className={styles.desc}>A curated list of Lofi radios.</p>
|
<p className={styles.desc}>A curated list of Lofi radios.</p>
|
||||||
|
<p className={styles.notice}>Works best on desktop.</p>
|
||||||
|
|
||||||
<div className={styles.radios}>
|
<div className={styles.radios}>
|
||||||
{radios.map((radio, index) => (
|
{radios.map((radio, index) => (
|
||||||
|
|||||||
Reference in New Issue
Block a user