mirror of
https://github.com/Ernous/TorrServerJellyfin.git
synced 2025-12-20 05:56:10 +05:00
34 lines
648 B
JavaScript
34 lines
648 B
JavaScript
import styled, { css } from 'styled-components'
|
|
|
|
export const MainSectionButtonGroup = styled.div`
|
|
display: grid;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
gap: 20px;
|
|
|
|
:not(:last-child) {
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
@media (max-width: 1580px) {
|
|
grid-template-columns: repeat(2, 1fr);
|
|
}
|
|
|
|
@media (max-width: 880px) {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
`
|
|
|
|
export const SmallLabel = styled.div`
|
|
${({ mb }) => css`
|
|
${mb && `margin-bottom: ${mb}px`};
|
|
font-size: 20px;
|
|
font-weight: 300;
|
|
line-height: 1;
|
|
|
|
@media (max-width: 800px) {
|
|
font-size: 18px;
|
|
${mb && `margin-bottom: ${mb / 1.5}px`};
|
|
}
|
|
`}
|
|
`
|