Page MenuHomePhorge
Differential D20113 Diff 59788 cashtab/src/components/Header/styled.ts

Changeset View

Standalone View

View Options

cashtab/src/components/Header/styled.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';
import { FIRMA_BALANCE_LABEL } from 'constants/tokenDisplayOverrides';
export const HeaderCtn = styled.div` export const HeaderCtn = styled.div`
display: flex; display: flex;
width: 100%; width: 100%;
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
padding: 20px; padding: 20px;
padding-bottom: 10px; padding-bottom: 10px;
▲ Show 20 Lines • Show All 207 Lines • ▼ Show 20 Linesexport const BalanceCard = styled.div<{
overflow-wrap: break-word; overflow-wrap: break-word;
word-break: break-word; word-break: break-word;
padding: 14px; padding: 14px;
text-align: left; text-align: left;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
color: ${props => props.theme.primaryText}; color: ${props => props.theme.primaryText};
background: ${props => background: ${props =>
(props.tokenLabel === 'FIRMA' (props.tokenLabel === FIRMA_BALANCE_LABEL
? props.theme.firmaAccent ? props.theme.firmaAccent
: props.tokenLabel === 'XECX' : props.tokenLabel === 'XECX'
? props.theme.secondaryAccent ? props.theme.secondaryAccent
: props.theme.accent) + '4D'}; : props.theme.accent) + '4D'};
@media (max-width: 1100px) { @media (max-width: 1100px) {
padding: 10px 10px; padding: 10px 10px;
width: 88%; width: 88%;
flex-shrink: 0; flex-shrink: 0;
▲ Show 20 Lines • Show All 75 Lines • Show Last 20 Lines