Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 | import styled from "styled-components"; import { CardHeading } from "ui/cards/Card"; export const SettingRow = styled.div` display: flex; padding-bottom: 3px; padding-top: 3px; border-bottom: 1px solid ${(props) => props.theme.colors.card.divider}; align-items: flex-start; padding: 3px 5px; box-sizing: border-box; min-height: 34px; ${CardHeading} + & { border-top: 1px solid ${(props) => props.theme.colors.card.divider}; } & > :nth-child(2) { max-width: 300px; } `; export const SettingRowLabel = styled.label` width: 300px; min-height: 28px; padding: 5px 0px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; font-size: ${(props) => props.theme.typography.fontSize}; `; export const SettingRowInput = styled.div` width: 300px; min-height: 28px; display: flex; justify-content: center; flex-direction: column; `; |