Differential D19604 Diff 58919 cashtab/src/components/Contacts/styles.ts

Changeset View

Standalone View

cashtab/src/components/Contacts/styles.ts

	// Copyright (c) 2024 The Bitcoin developers			// Copyright (c) 2024 The Bitcoin developers
	// Distributed under the MIT software license, see the accompanying			// Distributed under the MIT software license, see the accompanying
	// file COPYING or http://www.opensource.org/licenses/mit-license.php.			// file COPYING or http://www.opensource.org/licenses/mit-license.php.

	import styled from 'styled-components';			import styled from 'styled-components';

				export const ContactsContainer = styled.div`
				width: 100%;
				@media (max-width: 768px) {
				padding: 0 10px;
				}
				`;

	export const ContactList = styled.div`			export const ContactList = styled.div`
	margin-top: 24px;			margin-top: 10px;
	padding: 12px;
	display: flex;			display: flex;
	flex-direction: column;			flex-direction: column;
	width: 100%;			width: 100%;
	align-items: center;			align-items: center;
	gap: 12px;			gap: 12px;
	color: ${props => props.theme.primaryText};			color: ${props => props.theme.primaryText};
	box-sizing: border-box;			box-sizing: border-box;
	*,			*,
	*:before,			*:before,
	*:after {			*:after {
	box-sizing: inherit;			box-sizing: inherit;
	}			}
	`;			`;

	export const ContactsPanel = styled.div`			export const ContactsPanel = styled.div`
	display: flex;			display: flex;
	flex-direction: column;			flex-direction: column;
	padding: 12px;
	width: 100%;			width: 100%;
	background-color: ${props => props.theme.primaryBackground};
	border-radius: 9px;
	margin-bottom: 12px;			margin-bottom: 12px;
				background-color: ${props => props.theme.inputBackground};
				border-radius: 8px;
				padding: 0 10px;
	`;			`;

	export const Row = styled.div`			export const Row = styled.div`
	display: flex;			display: flex;
	width: 100%;			width: 100%;
	align-items: center;			align-items: center;
	justify-content: space-between;			justify-content: space-between;
	gap: 12px;			gap: 12px;
	flex-wrap: wrap;			flex-wrap: wrap;
	border-bottom: 0.5px solid ${props => props.theme.border};			padding: 16px;
	padding: 6px 0;			border-bottom: 1px solid ${props => props.theme.primaryBackground};
				&:last-child {
				border-bottom: none;
				}
	`;			`;
	export const ButtonRow = styled.div`			export const ButtonRow = styled.div`
	display: flex;			display: flex;
	width: 100%;			width: 100%;
	align-items: center;			align-items: center;
	gap: 12px;			gap: 12px;
	`;			`;

	Show All 11 Lines