From 599cf4375e807058dc532c46f9bd7b8704ab9deb Mon Sep 17 00:00:00 2001 From: Darko Lukic Date: Sat, 24 Mar 2018 21:16:19 +0100 Subject: [PATCH] Optimize for mobile devices --- ui/index.html | 1 + ui/package.json | 2 +- ui/src/assets/css/main.css | 9 ++-- ui/src/components/Login.vue | 38 ++++++++------- ui/src/components/Science.vue | 45 ++++++++++-------- ui/src/components/dashboard/Dashboard.vue | 4 +- ui/src/components/dashboard/Histogram.vue | 4 +- ui/src/components/settings/Wifi.vue | 57 +++++++++++------------ 8 files changed, 83 insertions(+), 77 deletions(-) diff --git a/ui/index.html b/ui/index.html index 74be075..ac97553 100644 --- a/ui/index.html +++ b/ui/index.html @@ -2,6 +2,7 @@ + Cosmic Pi UI diff --git a/ui/package.json b/ui/package.json index 1804917..6e7ce57 100644 --- a/ui/package.json +++ b/ui/package.json @@ -4,7 +4,7 @@ "description": "Web interface for Cosmic Pi", "main": "webpack.config.js", "scripts": { - "dev": "webpack-dev-server --open --mode development", + "dev": "webpack-dev-server --open --mode development --disable-host-check --host 0.0.0.0", "build": "webpack --progress --mode production", "test": "echo \"Error: no test specified\" && exit 1" }, diff --git a/ui/src/assets/css/main.css b/ui/src/assets/css/main.css index 49aebd0..3aebc5d 100644 --- a/ui/src/assets/css/main.css +++ b/ui/src/assets/css/main.css @@ -108,13 +108,10 @@ hr { #sidebar .hideable { display: none; } -} -.box { - border: 1px solid #ddd; - background-color: #f5f5f5; - padding: 20px; - border-radius: 5px; + .card { + margin: 0 -25px; + } } .card-narrow { diff --git a/ui/src/components/Login.vue b/ui/src/components/Login.vue index 3ab3f14..0398ada 100644 --- a/ui/src/components/Login.vue +++ b/ui/src/components/Login.vue @@ -1,22 +1,28 @@ diff --git a/ui/src/components/Science.vue b/ui/src/components/Science.vue index aeb8a7a..e0788aa 100644 --- a/ui/src/components/Science.vue +++ b/ui/src/components/Science.vue @@ -1,26 +1,31 @@