mirror of
https://github.com/primer/css.git
synced 2024-11-30 19:53:11 +03:00
26 lines
535 B
JavaScript
26 lines
535 B
JavaScript
import styled from 'styled-components'
|
|
|
|
const SearchResults = styled.div`
|
|
box-shadow: 0 1px 5px rgba(27, 31, 35, 0.15);
|
|
border: 1px solid #e1e4e8;
|
|
min-width: 320px;
|
|
border-radius: 3px;
|
|
overflow: auto;
|
|
max-height: 90vh;
|
|
overflow-y: scroll;
|
|
background-color: #fff;
|
|
display: ${props => (props.open ? 'block' : 'none')};
|
|
position: absolute;
|
|
|
|
@media (max-width: 1012px) {
|
|
width: 100%;
|
|
max-height: inherit;
|
|
height: 100vh;
|
|
margin-top: 30px;
|
|
right: 0;
|
|
left: 0;
|
|
}
|
|
`
|
|
|
|
export default SearchResults
|