Kieran/snort
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

SearchBox.css

Browse Source
This commit is contained in:
Martti Malmi 2023-10-18 11:26:41 +03:00
parent 8e9e75c5f0
commit 5535614455
3 changed files with 32 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
packages/app/src/Element/SearchBox.css Normal file
View File

@ -0,0 +1,31 @@
.search {
flex-grow: 1;
display: flex;
padding: 9px 16px;
background: var(--gray-superdark);
border-radius: 1000px;
}
.light .search {
background: #fff;
border: 1px solid var(--border-color);
}
.search input {
border: none !important;
border-radius: 0 !important;
font-size: 15px;
line-height: 21px;
padding: 0 !important;
}
@media (max-width: 768px) {
.search {
padding: unset;
background: unset;
}
.search input {
display: none;
}
}

1
packages/app/src/Element/SearchBox.tsx
View File

@ -1,3 +1,4 @@
import "./SearchBox.css";
import Spinner from "../Icons/Spinner";
import Icon from "../Icons/Icon";
import { useIntl } from "react-intl";

32
packages/app/src/Pages/Layout.css
View File

@ -60,38 +60,6 @@ header {
}
}
.search {
flex-grow: 1;
display: flex;
padding: 9px 16px;
background: var(--gray-superdark);
border-radius: 1000px;
}
.light .search {
background: #fff;
border: 1px solid var(--border-color);
}
.search input {
border: none !important;
border-radius: 0 !important;
font-size: 15px;
line-height: 21px;
padding: 0 !important;
}
@media (max-width: 768px) {
.search {
padding: unset;
background: unset;
}
.search input {
display: none;
}
}
.stalker {
position: fixed;
top: 0;