remove unused styles and add title fallback
This commit is contained in:
parent
7ab4504ea4
commit
ba71d36e9a
3 changed files with 3 additions and 15 deletions
|
@ -77,7 +77,6 @@ const Button = forwardRef<any, {}>((props: Props, ref: any) => {
|
||||||
'button--primary': button === 'primary',
|
'button--primary': button === 'primary',
|
||||||
'button--secondary': button === 'secondary',
|
'button--secondary': button === 'secondary',
|
||||||
'button--alt': button === 'alt',
|
'button--alt': button === 'alt',
|
||||||
'button--danger': button === 'danger',
|
|
||||||
'button--inverse': button === 'inverse',
|
'button--inverse': button === 'inverse',
|
||||||
'button--close': button === 'close',
|
'button--close': button === 'close',
|
||||||
'button--disabled': disabled,
|
'button--disabled': disabled,
|
||||||
|
|
|
@ -144,7 +144,9 @@ const Header = (props: Props) => {
|
||||||
{!authHeader && backout ? (
|
{!authHeader && backout ? (
|
||||||
<div className="card__actions--between">
|
<div className="card__actions--between">
|
||||||
<Button onClick={backout.backFunction} button="link" label={__('Cancel')} icon={ICONS.ARROW_LEFT} />
|
<Button onClick={backout.backFunction} button="link" label={__('Cancel')} icon={ICONS.ARROW_LEFT} />
|
||||||
{backout.title && <h1 className={'card__title'}>{isMobile ? backout.simpleTitle : backout.title}</h1>}
|
{backout.title && (
|
||||||
|
<h1 className={'card__title'}>{isMobile ? backout.simpleTitle || backout.title : backout.title}</h1>
|
||||||
|
)}
|
||||||
<Button
|
<Button
|
||||||
aria-label={__('Your wallet')}
|
aria-label={__('Your wallet')}
|
||||||
navigate={`/$/${PAGES.WALLET}`}
|
navigate={`/$/${PAGES.WALLET}`}
|
||||||
|
|
|
@ -29,19 +29,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.tabs__list--select-asset {
|
|
||||||
margin-bottom: var(--spacing-l);
|
|
||||||
padding: var(--spacing-m) 0;
|
|
||||||
|
|
||||||
height: 4rem;
|
|
||||||
border-bottom-left-radius: var(--card-radius);
|
|
||||||
border-bottom-right-radius: var(--card-radius);
|
|
||||||
|
|
||||||
@media (max-width: $breakpoint-small) {
|
|
||||||
padding-left: var(--spacing-m);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab {
|
.tab {
|
||||||
@extend .button--link;
|
@extend .button--link;
|
||||||
margin-right: var(--spacing-l);
|
margin-right: var(--spacing-l);
|
||||||
|
|
Loading…
Reference in a new issue