Mirrors/moodist
1
0
Fork 0
mirror of https://github.com/remvze/moodist.git synced 2026-03-12 07:04:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: implement time setting

Browse Source
This commit is contained in:
MAZE
2024-02-25 17:19:06 +03:30
parent 586e502c3c
commit f3cb2a1b63
10 changed files with 267 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
src/components/toolbox/pomodoro/setting/setting.module.css Normal file
View File

@@ -0,0 +1,66 @@
.title {
margin-bottom: 16px;
font-family: var(--font-heading);
font-size: var(--font-md);
font-weight: 600;
}
& .form {
display: flex;
flex-direction: column;
& .field {
display: flex;
flex-direction: column;
row-gap: 8px;
margin-bottom: 16px;
& .label {
font-size: var(--font-sm);
color: var(--color-foreground);
& span {
color: var(--color-foreground-subtle);
}
}
& .input {
display: block;
height: 40px;
padding: 0 8px;
color: var(--color-foreground);
background-color: var(--color-neutral-50);
border: 1px solid var(--color-neutral-200);
border-radius: 4px;
outline: none;
}
}
& .buttons {
display: flex;
column-gap: 8px;
align-items: center;
justify-content: flex-end;
& button {
display: flex;
align-items: center;
justify-content: center;
height: 40px;
padding: 0 16px;
font-size: var(--font-sm);
font-weight: 500;
color: var(--color-foreground);
cursor: pointer;
background-color: var(--color-neutral-200);
border: none;
border-radius: 4px;
outline: none;
&.primary {
color: var(--color-neutral-100);
background-color: var(--color-neutral-950);
}
}
}
}