LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

Show balance on large & medium screens

Browse source
This commit is contained in:
Raphael Wickihalder 2022-07-11 18:52:04 +02:00
parent 59c75c9cec
commit ad8fc035bb
No known key found for this signature in database
GPG key ID: 05179BB92383243D
2 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
ui/component/header/view.jsx
View file

@ -156,7 +156,10 @@ const Header = (props: Props) => {
) : (
<Button
navigate={`/$/${PAGES.WALLET}`}
className="button--file-action header__navigationItem--balance"
className={classnames('button--file-action header__navigationItem--balance', {
'header__navigationItem--balance-round':
hideBalance || Number(roundedTotalBalance) === 0 || !prefsReady,
})}
label={
hideBalance || Number(roundedTotalBalance) === 0 || !prefsReady
? __(isMobile ? 'Wallet' : 'Your Wallet')

4
ui/scss/component/_header.scss
View file

@ -35,6 +35,7 @@
.header__menu--right {
.header__navigationItem--balance {
transition: border-radius 0.4s;
.button__label {
margin-left: var(--spacing-xxs) !important;
}
@ -44,8 +45,7 @@
}
}
}
.header__navigationItem--balance {
transition: border-radius 0.4s;
.header__navigationItem--balance-round {
@media (max-width: $breakpoint-large) {
border-radius: 50%;
.button__label {