diff --git a/css/main.css b/css/main.css index b145a0269..2e96e938a 100644 --- a/css/main.css +++ b/css/main.css @@ -105,6 +105,14 @@ body, html{ width:100%; } +.off-canvas-wrap, .inner-wrap{ + height:100%; +} + +.tab-bar { + display: none; +} + a { color: #3498DB; } @@ -417,6 +425,11 @@ a:hover { margin: 1rem 0; } +.line-sidebar-t { + border-top: 1px solid #3C5269; + padding-top: 0.5rem; +} + .line-sidebar-b { border-bottom: 1px solid #3C5269; padding-bottom: 0.5rem; diff --git a/css/mobile.css b/css/mobile.css index 311626115..4d6c21c33 100644 --- a/css/mobile.css +++ b/css/mobile.css @@ -20,4 +20,65 @@ margin-top: 0; } + .sidebar { + display: none; + } + + .page, .main { + height: auto; + } + + .main { + height: 100%; + margin-top: 40px; + margin-left: 0; + margin-bottom: -40px; + padding-bottom: 60px; + } + + .tab-bar { + display: block; + position: fixed; + width: 100%; + z-index: 5; + background: #3C4E60; + } + + .left-off-canvas-menu { + background: #3C4E60; + } + + .off-canvas-wrap,.inner-wrap{ + height:100%; + } + + .page{ + height:100%; + } + + .copayers { + position: relative; + padding: 0; + overflow-y: none; + } + + ul.copayer-list img { + width: 30px; + height: 30px; + } + + .tab-bar-section { + text-align: left; + } + + .setup-page { + height: 100%; + } + + .hide-tab-bar { + display: none; + } + + } + diff --git a/index.html b/index.html index 234d78e01..6f896efc6 100644 --- a/index.html +++ b/index.html @@ -14,17 +14,44 @@
-
+
+
-
- -
+ + + + +
+ +
+ +
+ +
+ + + +
+
diff --git a/views/includes/sidebar-mobile.html b/views/includes/sidebar-mobile.html new file mode 100644 index 000000000..950177cd9 --- /dev/null +++ b/views/includes/sidebar-mobile.html @@ -0,0 +1,48 @@ +
+
+
+ Copay + v{{version}} + LIVENET + TESTNET +
+
+ Balance + + + + {{totalBalance || 0 + |noFractionNumber}} {{$root.unitName}} + + · + Available + + + + {{availableBalance || 0|noFractionNumber}} {{$root.unitName}} + +
+
+ + +
+