diff --git a/packages/wallets/src/components/Base/WalletText/WalletText.scss b/packages/wallets/src/components/Base/WalletText/WalletText.scss index d975b0f8d5ac..ce80f508db00 100644 --- a/packages/wallets/src/components/Base/WalletText/WalletText.scss +++ b/packages/wallets/src/components/Base/WalletText/WalletText.scss @@ -35,7 +35,7 @@ $desktop-font-size-map: ( ), 'xl': ( size: 2.4rem, - line_height: 3.4rem, + line_height: 3.6rem, ), '2xl': ( size: 3.2rem, diff --git a/packages/wallets/src/components/WalletCardIcon/WalletCardIcon.tsx b/packages/wallets/src/components/WalletCardIcon/WalletCardIcon.tsx index 880ecf304490..cae8deac0d5d 100644 --- a/packages/wallets/src/components/WalletCardIcon/WalletCardIcon.tsx +++ b/packages/wallets/src/components/WalletCardIcon/WalletCardIcon.tsx @@ -36,7 +36,7 @@ const typeToWidthMapper = { lg: { desktop: 48, mobile: 32 }, md: { desktop: 24, mobile: 24 }, sm: { desktop: 16, mobile: 16 }, - xl: { desktop: 56, mobile: 48 }, + xl: { desktop: 64, mobile: 48 }, }, }; diff --git a/packages/wallets/src/components/WalletListCardBadge/WalletListCardBadge.scss b/packages/wallets/src/components/WalletListCardBadge/WalletListCardBadge.scss index d58c948319c7..59c3787e4d95 100644 --- a/packages/wallets/src/components/WalletListCardBadge/WalletListCardBadge.scss +++ b/packages/wallets/src/components/WalletListCardBadge/WalletListCardBadge.scss @@ -1,21 +1,20 @@ .wallets-list-card { &__badge { display: flex; - padding: 0rem 0.4rem; + padding-inline: 0.4rem; justify-content: center; align-items: center; - gap: 0.4rem; + height: 1.4rem; border-radius: 0.2rem; - border: 0.1rem solid var(--system-light-1-prominent-text, #333); + outline: 0.1rem solid var(--system-light-1-prominent-text, #333); + + @include mobile { + height: 1.2rem; + } &--demo { - display: flex; - padding: 0.1rem 0.6rem; - justify-content: center; - align-items: center; - gap: 0.4rem; - border-radius: 0.2rem; background: var(--status-light-information, #377cfc); + outline: none; } } } diff --git a/packages/wallets/src/components/WalletListCardBadge/WalletListCardBadge.tsx b/packages/wallets/src/components/WalletListCardBadge/WalletListCardBadge.tsx index 1c5754c38354..64a31389f56c 100644 --- a/packages/wallets/src/components/WalletListCardBadge/WalletListCardBadge.tsx +++ b/packages/wallets/src/components/WalletListCardBadge/WalletListCardBadge.tsx @@ -1,4 +1,5 @@ import React from 'react'; +import classNames from 'classnames'; import { THooks } from '../../types'; import { WalletText } from '../Base'; import './WalletListCardBadge.scss'; @@ -9,17 +10,17 @@ type TProps = { }; const WalletListCardBadge: React.FC = ({ isDemo, label }) => { - const className = isDemo ? 'wallets-list-card__badge--demo' : 'wallets-list-card__badge'; + const className = classNames('wallets-list-card__badge', { + 'wallets-list-card__badge--demo': isDemo, + }); const formattedLabel = label === 'virtual' ? 'Demo' : label?.toUpperCase() || 'SVG'; return (
-
- - {formattedLabel} - -
+ + {formattedLabel} +
); }; diff --git a/packages/wallets/src/features/cashier/components/WalletCashierHeader/WalletCashierHeader.scss b/packages/wallets/src/features/cashier/components/WalletCashierHeader/WalletCashierHeader.scss index e8cb11683a07..0dad6e2df00b 100644 --- a/packages/wallets/src/features/cashier/components/WalletCashierHeader/WalletCashierHeader.scss +++ b/packages/wallets/src/features/cashier/components/WalletCashierHeader/WalletCashierHeader.scss @@ -30,19 +30,21 @@ &__top-left-info { display: flex; flex-direction: column; - gap: 0.6rem; + + @include mobile { + gap: 0.4rem; + } } &__details { display: flex; - gap: 2.4rem; + gap: 0.8rem; align-items: center; @include mobile { opacity: 1; max-height: 2rem; transition: opacity 0.25s ease, max-height 0.25s ease; - gap: 0.8rem; &--hide-details { max-height: 0; diff --git a/packages/wallets/src/public/images/currencies/aud.svg b/packages/wallets/src/public/images/currencies/aud.svg index 35a7dfd2dc96..b77f0c5427b5 100644 --- a/packages/wallets/src/public/images/currencies/aud.svg +++ b/packages/wallets/src/public/images/currencies/aud.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/packages/wallets/src/public/images/currencies/eur.svg b/packages/wallets/src/public/images/currencies/eur.svg index 18edd9c10437..d09d558edd3b 100644 --- a/packages/wallets/src/public/images/currencies/eur.svg +++ b/packages/wallets/src/public/images/currencies/eur.svg @@ -1,15 +1 @@ - - - - - - - - - - - - - - - + \ No newline at end of file diff --git a/packages/wallets/src/public/images/currencies/gbp.svg b/packages/wallets/src/public/images/currencies/gbp.svg index 9f6e81c78097..34aa2b3340a6 100644 --- a/packages/wallets/src/public/images/currencies/gbp.svg +++ b/packages/wallets/src/public/images/currencies/gbp.svg @@ -1,5 +1 @@ - - - - - + \ No newline at end of file diff --git a/packages/wallets/src/public/images/currencies/usd.svg b/packages/wallets/src/public/images/currencies/usd.svg index 7e47b5363b5a..449841b44410 100644 --- a/packages/wallets/src/public/images/currencies/usd.svg +++ b/packages/wallets/src/public/images/currencies/usd.svg @@ -1,27 +1 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - + \ No newline at end of file diff --git a/packages/wallets/src/public/images/eur.svg b/packages/wallets/src/public/images/eur.svg index 18edd9c10437..d09d558edd3b 100644 --- a/packages/wallets/src/public/images/eur.svg +++ b/packages/wallets/src/public/images/eur.svg @@ -1,15 +1 @@ - - - - - - - - - - - - - - - + \ No newline at end of file diff --git a/packages/wallets/src/public/images/gbp.svg b/packages/wallets/src/public/images/gbp.svg index 9f6e81c78097..34aa2b3340a6 100644 --- a/packages/wallets/src/public/images/gbp.svg +++ b/packages/wallets/src/public/images/gbp.svg @@ -1,5 +1 @@ - - - - - + \ No newline at end of file diff --git a/packages/wallets/src/public/images/usd.svg b/packages/wallets/src/public/images/usd.svg index 7e47b5363b5a..f6599f9c29e6 100644 --- a/packages/wallets/src/public/images/usd.svg +++ b/packages/wallets/src/public/images/usd.svg @@ -1,27 +1 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - +