hax/moodist
1
0
Fork 0
mirror of https://github.com/remvze/moodist.git synced 2025-12-18 09:24:14 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

style: minor changes

Browse source
This commit is contained in:
MAZE 2024-09-01 12:48:15 +04:30
parent 6a4dc1ed95
commit 7f3ac26b98
1 changed files with 20 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
src/components/toolbox/todo/form/form.module.css
View file

@ -1,4 +1,5 @@
.wrapper { .wrapper {
position: relative;
display: flex; display: flex;
align-items: center; align-items: center;
height: 45px; height: 45px;
@ -8,6 +9,22 @@
border: 1px solid var(--color-neutral-200); border: 1px solid var(--color-neutral-200);
border-radius: 8px; border-radius: 8px;
&::before {
position: absolute;
bottom: -1px;
left: 50%;
width: 80%;
height: 1px;
content: '';
background: linear-gradient(
90deg,
transparent,
var(--color-neutral-300),
transparent
);
transform: translateX(-50%);
}
& input { & input {
flex-grow: 1; flex-grow: 1;
min-width: 0; min-width: 0;
@ -26,10 +43,11 @@
height: 100%; height: 100%;
padding: 0 16px; padding: 0 16px;
font-size: var(--font-sm); font-size: var(--font-sm);
font-weight: 500;
color: var(--color-foreground); color: var(--color-foreground);
cursor: pointer; cursor: pointer;
background-color: var(--color-neutral-100); background-color: var(--color-neutral-200);
border: 1px solid var(--color-neutral-200); border: 1px solid var(--color-neutral-300);
border-radius: 4px; border-radius: 4px;
} }
} }