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

style: change input styles

Browse Source
This commit is contained in:
MAZE
2024-04-29 15:46:06 +04:30
parent 34d3c72f35
commit 8fe90daf1e
2 changed files with 57 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/components/modals/sleep-timer/sleep-timer.module.css
View File

@@ -19,23 +19,32 @@
align-items: flex-start;
margin-top: 8px;
& .inputContainer {
& .inputs {
display: flex;
align-items: center;
column-gap: 12px;
align-items: flex-end;
& .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;
}
& .field {
flex-grow: 1;
& .label {
width: 100px;
& .label {
display: block;
margin-bottom: 4px;
font-weight: 500;
}
& .input {
display: block;
width: 100%;
min-width: 0;
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;
}
}
}