rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: mobile app package (#1075)

Browse Source
This commit is contained in:
Mo
2022-06-09 09:45:15 -05:00
committed by GitHub
parent 58b63898de
commit 8248a38280
336 changed files with 47696 additions and 22563 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
packages/mobile/src/Components/SectionedTableCell.ts Normal file
View File

@@ -0,0 +1,59 @@
import styled, { css } from 'styled-components/native'
export type Props = {
first?: boolean
last?: boolean
textInputCell?: any
height?: number
extraStyles?: any
}
export const SectionedTableCell = styled.View<Props>`
border-bottom-color: ${props => props.theme.stylekitBorderColor};
border-bottom-width: 1px;
padding-left: ${props => props.theme.paddingLeft}px;
padding-right: ${props => props.theme.paddingLeft}px;
padding-bottom: ${props => (props.textInputCell ? 0 : 12)}px;
background-color: ${props => props.theme.stylekitBackgroundColor};
${({ first, theme }) =>
first &&
css`
border-top-color: ${theme.stylekitBorderColor};
border-top-width: ${1}px;
`};
${({ textInputCell }) =>
textInputCell &&
css`
max-height: 50px;
`};
${({ height }) =>
height &&
css`
height: ${height}px;
`};
`
export const SectionedTableCellTouchableHighlight = styled.TouchableHighlight<Props>`
border-bottom-color: ${props => props.theme.stylekitBorderColor};
border-bottom-width: 1px;
padding-left: ${props => props.theme.paddingLeft}px;
padding-right: ${props => props.theme.paddingLeft}px;
padding-bottom: ${props => (props.textInputCell ? 0 : 12)}px;
background-color: ${props => props.theme.stylekitBackgroundColor};
${({ first, theme }) =>
first &&
css`
border-top-color: ${theme.stylekitBorderColor};
border-top-width: ${1}px;
`};
${({ textInputCell }) =>
textInputCell &&
css`
max-height: 50px;
`};
${({ height }) =>
height &&
css`
height: ${height}px;
`};
`