Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
margin: 0px -16px;
min-width: 0;
> img {
box-shadow: ${RESTING_SHADOW};
display: block;
max-height: 480px;
width: auto;
margin: 16px;
}
`;
const Label = styled.label`
cursor: pointer
background: #6200ee
padding: 3px
width: 33px
height: 20px
border-radius: 33.5px
display: grid
margin-right: 5px
`;
const ThemeSwitch = styled.div`
display: flex;
flex-direction: row;
`;
const Input = styled.input`
position: absolute
opacity: 0
export const SettingsGroup = styled.div`
--settings-row-padding: 15px;
background-color: #f7f7f7;
border-left: 1px solid #ddd;
border-bottom: 1px solid #ddd;
grid-column: 3 / span 1;
grid-row: 3 / span 3;
@media (max-width: 699px) {
grid-column: 1 / span 1;
grid-row: 3 / span 7;
}
`
export const Label = styled.label`
display: grid;
grid-gap: 15px;
grid-template-columns: auto 1fr;
padding: var(--settings-row-padding);
border-bottom: 1px solid #ddd;
font-weight: bold;
`
export const Section = styled.section`
background-color: #fff;
border-bottom: 15px solid #f7f7f7;
& + & {
border-top: 1px solid #ddd;
}
`
pointer-events: none;
@media (min-width: 640px) {
position: relative;
opacity: 1;
pointer-events: auto;
}
@media (max-width: 639px) {
${Searchbar}:first-child {
margin-top: 72px;
}
}
`;
const MenuIcon = styled.label`
font-size: 20px;
line-height: 1;
cursor: pointer;
position: absolute;
top: 0;
right: 0;
padding: 30px;
z-index: 10;
-webkit-tap-highlight-color: transparent;
@media (min-width: 640px) {
display: none;
}
`;
const MenuButton = styled.input`