forked from Kieran/snort
SearchBox.css
This commit is contained in:
parent
8e9e75c5f0
commit
5535614455
31
packages/app/src/Element/SearchBox.css
Normal file
31
packages/app/src/Element/SearchBox.css
Normal 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,3 +1,4 @@
|
|||||||
|
import "./SearchBox.css";
|
||||||
import Spinner from "../Icons/Spinner";
|
import Spinner from "../Icons/Spinner";
|
||||||
import Icon from "../Icons/Icon";
|
import Icon from "../Icons/Icon";
|
||||||
import { useIntl } from "react-intl";
|
import { useIntl } from "react-intl";
|
||||||
|
@ -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 {
|
.stalker {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
Loading…
Reference in New Issue
Block a user