Cutlery/moodist
1
0
Fork 0
mirror of https://github.com/remvze/moodist.git synced 2026-01-05 11:40:24 -05:00
Code Issues Packages Projects Releases Wiki Activity

style: add title to timer

Browse Source
This commit is contained in:
MAZE 2024-06-16 18:49:15 +03:30
parent 96ca376885
commit a3c384d105
3 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/toolbox/countdown-timer/countdown-timer.module.css
View File

@ -1 +1,6 @@
/* WIP */
.title {
margin-bottom: 16px;
font-family: var(--font-heading);
font-size: var(--font-md);
font-weight: 600;
}

3
src/components/toolbox/countdown-timer/countdown-timer.tsx
View File

@ -3,6 +3,8 @@ import { Modal } from '@/components/modal';
import { Form } from './form';
import { Timers } from './timers';
import styles from './countdown-timer.module.css';
interface TimerProps {
onClose: () => void;
show: boolean;
@ -11,6 +13,7 @@ interface TimerProps {
export function CountdownTimer({ onClose, show }: TimerProps) {
return (
<Modal show={show} onClose={onClose}>
<h2 className={styles.title}>Countdown Timer</h2>
<Form />
<Timers />
</Modal>

5
src/components/toolbox/countdown-timer/timers/timers.module.css
View File

@ -8,8 +8,9 @@
margin-bottom: 16px;
& .title {
font-family: var(--font-display);
font-size: var(--font-lg);
font-family: var(--font-heading);
font-size: var(--font-md);
font-weight: 600;
line-height: 1;
}