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

Changeset View

Standalone View

cashtab/src/components/OnBoarding/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 WelcomeCtn = styled.div`			export const WelcomeCtn = styled.div`
	margin-top: 20px;			padding: 30px;
	padding: 0px 30px;			display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				margin: auto;
				width: 100%;
	color: ${props => props.theme.primaryText};			color: ${props => props.theme.primaryText};
	h2 {			h2 {
	color: ${props => props.theme.primaryText};			color: ${props => props.theme.primaryText};
	}			}
				img {
				width: 80%;
				max-width: 300px;
				margin-bottom: 28px;
				@media (min-width: 769px) {
				margin-bottom: 40px;
				}
				}
				> div {
				width: 100%;
				max-width: 300px;
				}
	`;			`;

	export const WelcomeText = styled.p`			export const WelcomeText = styled.p`
	width: 100%;			width: 100%;
	font-size: var(--text-base);			font-size: var(--text-base);
	line-height: var(--text-base--line-height);			line-height: var(--text-base--line-height);
	margin-bottom: 60px;			text-align: center;
	text-align: left;			margin-bottom: 20px;
	`;			`;

	export const WelcomeLink = styled.a`			export const WelcomeLink = styled.a`
	text-decoration: underline;			text-decoration: underline;
	color: ${props => props.theme.accent};			color: ${props => props.theme.accent};
	:hover {			:hover {
	color: ${props => props.theme.secondaryAccent} !important;			color: ${props => props.theme.secondaryAccent} !important;
	text-decoration: underline !important;			text-decoration: underline !important;
	}			}
	`;			`;