Differential D12100 Diff 35348 web/cashtab/extension/src/components/App.js

Changeset View

Standalone View

web/cashtab/extension/src/components/App.js

Show First 20 Lines • Show All 197 Lines • ▼ Show 20 Lines	const NavIcon = styled.span`
&::after {		&::after {
top: ${props => (props.clicked ? '0' : '0.8rem')};		top: ${props => (props.clicked ? '0' : '0.8rem')};
transform: ${props =>		transform: ${props =>
props.clicked ? 'rotate(-135deg)' : 'rotate(0)'};		props.clicked ? 'rotate(-135deg)' : 'rotate(0)'};
}		}
`;		`;

const NavMenu = styled.div`		const NavMenu = styled.div`
position: absolute;		position: fixed;
		right:0;
		margin-right: 1px;
bottom: 5rem;		bottom: 5rem;
display: flex;		display: flex;
//NavMenu has a greater width in the extension		width: 8rem;
width: 8.5rem;
flex-direction: column;		flex-direction: column;
border: ${props => (props.open ? '0.1px solid' : '0px solid')};		border: ${props => (props.open ? '0.1px solid' : '0px solid')};
border-color: ${props =>		border-color: ${props =>
props.open ? props.theme.contrast : 'transparent'};		props.open ? props.theme.contrast : 'transparent'};
justify-content: center;		justify-content: center;
align-items: center;		align-items: center;
@media (max-width: 768px) {
margin-right: 4rem;
}
overflow: hidden;		overflow: hidden;
transition: ${props =>		transition: ${props =>
props.open		props.open
? 'max-height 1000ms ease-in-out , border-color 800ms ease-in-out, border-width 800ms ease-in-out'		? 'max-height 1000ms ease-in-out , border-color 800ms ease-in-out, border-width 800ms ease-in-out'
: 'max-height 300ms cubic-bezier(0, 1, 0, 1), border-color 600ms ease-in-out, border-width 800ms ease-in-out'};		: 'max-height 300ms cubic-bezier(0, 1, 0, 1), border-color 600ms ease-in-out, border-width 800ms ease-in-out'};
max-height: ${props => (props.open ? '100rem' : '0')};		max-height: ${props => (props.open ? '100rem' : '0')};
`;		`;

▲ Show 20 Lines • Show All 255 Lines • Show Last 20 Lines