diff --git a/lib/assets/v2preview.html b/lib/assets/v2preview.html index aa1dc30..737741f 100644 --- a/lib/assets/v2preview.html +++ b/lib/assets/v2preview.html @@ -68,35 +68,35 @@ } .phone { float: left; - margin: 40px 20px 0 20px; + margin: 0 20px 0 20px; } .frame { border: none; border-radius: 3px; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.3); + width: 375px; + height: 667px; } #iphone-frame { top: 109px; left: 25px; - width: 375px; - height: 667px; } #android-frame { top: 88px; left: 24px; - width: 375px; - height: 667px; } #windows-frame { top: 88px; left: 24px; - width: 375px; - height: 667px; } #iphone { } #android { } + .landscape { + height: 375px !important; + width: 667px !important; + } #logo { display: inline-block; width: 48px; @@ -114,6 +114,28 @@ #logo img { max-width: 100%; } + #controls { + display: block; + max-width: 1245px; + margin: 80px auto 0 20px; + } + #controls h2, #controls label { + display: inline; + font-size: 18px; + color: #6F7582; + } + + .orienationBtn { + width: 24px; + height: 24px; + } + + .hidden { + display:none; + } + .controlOffset { + padding-left: 5em; + } @@ -158,7 +180,53 @@ GitHub --> + +
+

Platforms:

+ + + +

Orientation:

+ orientation button + + + + +