Differential D10386 Diff 30695 web/cashtab/src/components/Wallet/Tx.js

Changeset View

Standalone View

	Show First 20 Lines • Show All 125 Lines • ▼ Show 20 Lines

	const TxWrapper = styled.div`			const TxWrapper = styled.div`
	display: grid;			display: grid;
	grid-template-columns: 36px 30% 50%;			grid-template-columns: 36px 30% 50%;

	justify-content: space-between;			justify-content: space-between;
	align-items: center;			align-items: center;
	padding: 15px 25px;			padding: 15px 25px;
	border-radius: 3px;			border-radius: 16px;
	background: ${props => props.theme.tokenListItem.background};			background: ${props => props.theme.tokenListItem.background};
	margin-bottom: 3px;			margin-bottom: 12px;
	box-shadow: ${props => props.theme.tokenListItem.boxShadow};			box-shadow: ${props => props.theme.tokenListItem.boxShadow};
	border: 1px solid ${props => props.theme.tokenListItem.border};

	:hover {			:hover {
	border-color: ${props => props.theme.primary};			transform: translateY(-2px);
				box-shadow: rgb(136 172 243 / 25%) 0px 10px 30px,
				rgb(0 0 0 / 3%) 0px 1px 1px, rgb(0 51 167 / 10%) 0px 10px 20px;
				transition: all 0.8s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
	}			}
	@media screen and (max-width: 500px) {			@media screen and (max-width: 500px) {
	grid-template-columns: 24px 30% 50%;			grid-template-columns: 24px 30% 50%;
	padding: 12px 12px;			padding: 12px 12px;
	}			}
	`;			`;

	const Tx = ({ data, fiatPrice, fiatCurrency }) => {			const Tx = ({ data, fiatPrice, fiatCurrency }) => {
	▲ Show 20 Lines • Show All 230 Lines • Show Last 20 Lines