Differential D19604 Diff 58919 cashtab/src/components/Common/Atoms.tsx

Changeset View

Standalone View

Show First 20 Lines • Show All 69 Lines • ▼ Show 20 Lines	export const SwitchLabel = styled.div`
text-align: left;		text-align: left;
color: ${props => props.theme.primaryText};		color: ${props => props.theme.primaryText};
font-size: var(--text-lg);		font-size: var(--text-lg);
line-height: var(--text-lg--line-height);		line-height: var(--text-lg--line-height);
word-break: break-all;		word-break: break-all;
`;		`;

export const Alert = styled.div<{ noWordBreak?: boolean }>`		export const Alert = styled.div<{ noWordBreak?: boolean }>`
background-color: #fff2f0;		background-color: #454111;
border-radius: 12px;		border-radius: 8px;
color: red;
padding: 12px;		padding: 12px;
margin: 12px 0;
${props =>		${props =>
typeof props.noWordBreak === 'undefined' && `word-break: break-all`};		typeof props.noWordBreak === 'undefined' && `word-break: break-all`};
`;		`;
export const Info = styled.div`		export const Info = styled.div`
background-color: #fff2f0;		background-color: ${props => props.theme.secondaryBackground};
border-radius: 12px;		border-radius: 8px;
color: ${props => props.theme.accent};		color: ${props => props.theme.primaryText};
padding: 12px;		padding: 12px;
margin: 12px 0;		margin: 12px 0;
`;		`;
export const BlockNotification = styled.div`		export const BlockNotification = styled.div`
display: flex;		display: flex;
flex-direction: column;		flex-direction: column;
`;		`;
export const BlockNotificationLink = styled.a`		export const BlockNotificationLink = styled.a`
▲ Show 20 Lines • Show All 110 Lines • Show Last 20 Lines