Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-19 22:12:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor(SearchBar): style

Browse source
This commit is contained in:
Tim 2023-07-04 13:56:26 +02:00
parent 4b4fb9761b
commit 386c92649e
1 changed files with 11 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
src/common/SearchBar/styles.less
View file

@ -6,31 +6,26 @@
display: flex;
flex-direction: row;
align-items: center;
height: 3.5rem;
padding: 0 1rem;
border-radius: 3.5rem;
height: 3rem;
padding: 0 1.5rem;
border-radius: 3rem;
border: var(--focus-outline-size) solid transparent;
background-color: @color-background;
background-color: var(--primary-overlay-color);
cursor: text;
&:hover, &:focus-within {
background-color: @color-background-light1;
}
&:focus-within {
border: var(--focus-outline-size) solid @color-surface-light5;
border: var(--focus-outline-size) solid var(--primary-foreground-color);
}
.search-input {
flex: 1;
margin-right: 1rem;
font-size: 1.1rem;
color: @color-surface-light5;
font-size: 1rem;
color: var(--primary-foreground-color);
&::placeholder {
max-height: 1.2em;
opacity: 1;
color: @color-secondaryvariant1-light1-90;
color: var(--primary-foreground-color);
opacity: 0.6;
}
}
@ -38,6 +33,7 @@
flex: none;
width: 1.5rem;
height: 1.5rem;
color: @color-secondaryvariant1-90;
color: var(--primary-foreground-color);
opacity: 0.6;
}
}