status-im
/
status-react
mirror of https://github.com/status-im/status-react.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Make the information sharing screen usable on tiny screens. 

e.g. an iPhone app on an iPad
This doesn't make it *pretty*, just usable.
This commit is contained in:
Igor Mandrigin 2018-06-06 17:13:38 +03:00 committed by Roman Volosovskyi
parent c5e078b9d7
commit f49cfc02f2
No known key found for this signature in database
GPG Key ID: 0238A4B5ECEE70DE
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/status_im/ui/screens/usage_data/styles.cljs
View File

@ -11,14 +11,16 @@
(def usage-data-view (def usage-data-view
{:flex 1 {:flex 1
:margin-top (scaled-y 90)
:background-color colors/white :background-color colors/white
:align-items :center}) :align-items :center})
(def image-container (def image-container
{:flex 1 {:flex 1
;; on screens less tall than iPhone 5, let's not show the image at all
:display (if (>= window-height 568) "flex" "none")
:align-items :center :align-items :center
:justify-content :center :justify-content :center
:margin-top (scaled-y 90)
:margin-bottom (scaled-y 90)}) :margin-bottom (scaled-y 90)})
(def usage-data-image (def usage-data-image
@ -68,4 +70,6 @@
(def dont-share-button (def dont-share-button
{:padding-horizontal 18 {:padding-horizontal 18
;; don't do text wrap on super small devices
:min-width 130
:width (scaled-x 138)}) :width (scaled-x 138)})