GeorgeSG/gardev-startpage
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Refactor Search css

Browse Source
This commit is contained in:
Georgi Gardev
2023-11-20 14:05:02 +02:00
parent 321b04885e
commit 4ec9ec0784
1 changed files with 8 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/widgets/Search.module.css
View File

@@ -6,31 +6,27 @@
margin-bottom: 4px;
}
.Provider {
flex-shrink: 0;
.Provider, .Search {
padding-inline: 20px;
height: 40px;
line-height: 40px;
border: 0;
border-bottom: 2px solid var(--color-bg-dark);
backdrop-filter: var(--bg-blur);
background-color: var(--color-bg-dark);
}
.Provider {
font-family: var(--font-accent);
text-align: center;
text-transform: uppercase;
backdrop-filter: var(--bg-blur);
background-color: var(--color-bg-dark);
border-bottom: 2px solid var(--color-bg-dark);
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
}
.Search {
flex-grow: 1;
padding-inline: 20px;
height: 40px;
color: var(--color-text);
border: 0;
backdrop-filter: var(--bg-blur);
background-color: var(--color-bg-dark);
border-bottom: 2px solid var(--color-bg-dark);
outline: 0;
transition: border-color var(--transition-duration-default) var(--transition-fn);