From 2fdf520dafdb62421a91ad2616bdad75502f62d9 Mon Sep 17 00:00:00 2001 From: msquare Date: Wed, 13 Dec 2017 12:46:15 +0100 Subject: [PATCH] improve public dashboard --- public/css/theme0.css | 7 +++++++ public/css/theme1.css | 7 +++++++ public/css/theme2.css | 7 +++++++ public/css/theme3.css | 7 +++++++ public/css/theme4.css | 7 +++++++ public/css/theme5.css | 7 +++++++ public/css/theme6.css | 7 +++++++ themes/base.less | 8 +++++++- 8 files changed, 56 insertions(+), 1 deletion(-) diff --git a/public/css/theme0.css b/public/css/theme0.css index 38b05fdf..3a95a0e2 100644 --- a/public/css/theme0.css +++ b/public/css/theme0.css @@ -6738,6 +6738,8 @@ body { } .stats { position: relative; + float: left; + width: 50%; min-height: 1px; padding-left: 15px; padding-right: 15px; @@ -6753,6 +6755,11 @@ body { font-size: 80px; font-weight: 200; } +@media (max-width: 992px) { + .stats .number { + font-size: 40px; + } +} .stats-danger { color: #d9534f; } diff --git a/public/css/theme1.css b/public/css/theme1.css index dd42b9fe..507038b5 100644 --- a/public/css/theme1.css +++ b/public/css/theme1.css @@ -6761,6 +6761,8 @@ body { } .stats { position: relative; + float: left; + width: 50%; min-height: 1px; padding-left: 15px; padding-right: 15px; @@ -6776,6 +6778,11 @@ body { font-size: 80px; font-weight: 200; } +@media (max-width: 992px) { + .stats .number { + font-size: 40px; + } +} .stats-danger { color: #d9534f; } diff --git a/public/css/theme2.css b/public/css/theme2.css index 7e11590a..6551d451 100644 --- a/public/css/theme2.css +++ b/public/css/theme2.css @@ -6738,6 +6738,8 @@ body { } .stats { position: relative; + float: left; + width: 50%; min-height: 1px; padding-left: 15px; padding-right: 15px; @@ -6753,6 +6755,11 @@ body { font-size: 80px; font-weight: 200; } +@media (max-width: 992px) { + .stats .number { + font-size: 40px; + } +} .stats-danger { color: #7f528b; } diff --git a/public/css/theme3.css b/public/css/theme3.css index 71b34ad5..f8c24df2 100644 --- a/public/css/theme3.css +++ b/public/css/theme3.css @@ -6747,6 +6747,8 @@ body { } .stats { position: relative; + float: left; + width: 50%; min-height: 1px; padding-left: 15px; padding-right: 15px; @@ -6762,6 +6764,11 @@ body { font-size: 80px; font-weight: 200; } +@media (max-width: 992px) { + .stats .number { + font-size: 40px; + } +} .stats-danger { color: #da1639; } diff --git a/public/css/theme4.css b/public/css/theme4.css index 6a4e7855..55082a87 100644 --- a/public/css/theme4.css +++ b/public/css/theme4.css @@ -6761,6 +6761,8 @@ body { } .stats { position: relative; + float: left; + width: 50%; min-height: 1px; padding-left: 15px; padding-right: 15px; @@ -6776,6 +6778,11 @@ body { font-size: 80px; font-weight: 200; } +@media (max-width: 992px) { + .stats .number { + font-size: 40px; + } +} .stats-danger { color: #ff263c; } diff --git a/public/css/theme5.css b/public/css/theme5.css index 1ad2b4ae..acb33fde 100644 --- a/public/css/theme5.css +++ b/public/css/theme5.css @@ -6741,6 +6741,8 @@ body { } .stats { position: relative; + float: left; + width: 50%; min-height: 1px; padding-left: 15px; padding-right: 15px; @@ -6756,6 +6758,11 @@ body { font-size: 80px; font-weight: 200; } +@media (max-width: 992px) { + .stats .number { + font-size: 40px; + } +} .stats-danger { color: #ff6600; } diff --git a/public/css/theme6.css b/public/css/theme6.css index ea90a182..5680ae68 100644 --- a/public/css/theme6.css +++ b/public/css/theme6.css @@ -6764,6 +6764,8 @@ body { } .stats { position: relative; + float: left; + width: 50%; min-height: 1px; padding-left: 15px; padding-right: 15px; @@ -6779,6 +6781,11 @@ body { font-size: 80px; font-weight: 200; } +@media (max-width: 992px) { + .stats .number { + font-size: 40px; + } +} .stats-danger { color: #ff6600; } diff --git a/themes/base.less b/themes/base.less index 93e8dd70..7b4de55a 100644 --- a/themes/base.less +++ b/themes/base.less @@ -22,13 +22,19 @@ body { } .stats { - .make-md-column(3); + .make-md-column(3); + .make-xs-column(6); text-align: center; .number { font-size: 80px; font-weight: 200; } + @media (max-width: @screen-md) { + .number { + font-size: 40px; + } + } } .stats-danger {