diff options
| author | Dan J Miller <danjm.com@gmail.com> | 2018-02-06 10:31:21 +0800 |
|---|---|---|
| committer | Alexander Tseung <alextsg@users.noreply.github.com> | 2018-02-06 10:31:21 +0800 |
| commit | d4da419c5befdbee77cb30f6113ea50fc572625c (patch) | |
| tree | 4a22c8ca4f5633161abe0025d75277d065b6b5f8 /ui/app/css/itcss/components/hero-balance.scss | |
| parent | e4895df953ac16012c1dfff08fda08b2f582154c (diff) | |
| download | tangerine-wallet-browser-d4da419c5befdbee77cb30f6113ea50fc572625c.tar.gz tangerine-wallet-browser-d4da419c5befdbee77cb30f6113ea50fc572625c.tar.zst tangerine-wallet-browser-d4da419c5befdbee77cb30f6113ea50fc572625c.zip | |
Wallet view supports screen sizes between 576px and 667px (#3193)
Diffstat (limited to 'ui/app/css/itcss/components/hero-balance.scss')
| -rw-r--r-- | ui/app/css/itcss/components/hero-balance.scss | 24 |
1 files changed, 24 insertions, 0 deletions
diff --git a/ui/app/css/itcss/components/hero-balance.scss b/ui/app/css/itcss/components/hero-balance.scss index ccc9a0118..4af0c2c55 100644 --- a/ui/app/css/itcss/components/hero-balance.scss +++ b/ui/app/css/itcss/components/hero-balance.scss @@ -71,6 +71,22 @@ font-size: 105%; } } + + @media #{$sub-mid-size-breakpoint-range} { + margin-left: .4em; + margin-right: .4em; + justify-content: flex-start; + align-items: flex-start; + + .token-amount { + font-size: 1rem; + } + + .fiat-amount { + margin-top: .25%; + font-size: 1rem; + } + } } .hero-balance-buttons { @@ -91,4 +107,12 @@ .hero-balance-button { width: 6rem; + + @media #{$sub-mid-size-breakpoint-range} { + padding: 0.4rem; + width: 4rem; + display: flex; + flex: 1; + justify-content: center; + } } |