From c60e36b1a07670d53b928599d85f3159035ab2f6 Mon Sep 17 00:00:00 2001 From: Pig Fang Date: Tue, 26 Mar 2019 11:43:31 +0800 Subject: [PATCH] Make responsive in user dashboard --- resources/assets/src/views/user/Dashboard.vue | 25 +++++++++++++++++-- 1 file changed, 23 insertions(+), 2 deletions(-) diff --git a/resources/assets/src/views/user/Dashboard.vue b/resources/assets/src/views/user/Dashboard.vue index e7ab1bc9..334af941 100644 --- a/resources/assets/src/views/user/Dashboard.vue +++ b/resources/assets/src/views/user/Dashboard.vue @@ -198,7 +198,28 @@ export default { .usage-circle padding-top 10px + padding-bottom 7px + padding-left 33% + .el-progress__text + padding-left 50% -.usage-label - padding-right 20% + @media (min-width 768px) + padding-left 20% + .el-progress__text + padding-left 28% + + @media (min-width 992px) + padding-left 0% + .el-progress__text + padding-left 0% + + @media (min-width 1200px) + padding-left 20% + .el-progress__text + padding-left 28% + + @media (min-width 3600px) + padding-left 38% + .el-progress__text + padding-left 60%