From 0ef34500e7263af7d230e661e50a83a2952a88c2 Mon Sep 17 00:00:00 2001 From: Shai James Date: Wed, 12 Sep 2018 18:25:48 +0300 Subject: [PATCH] version and account data UI --- src/components/reusable/PercentageBarComponent.vue | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/components/reusable/PercentageBarComponent.vue b/src/components/reusable/PercentageBarComponent.vue index fb28b6d9..b6270fde 100644 --- a/src/components/reusable/PercentageBarComponent.vue +++ b/src/components/reusable/PercentageBarComponent.vue @@ -39,22 +39,22 @@ &.red { background:$red; - box-shadow:inset 0 2px 8px 5px $red, inset 0 10px 15px rgba(255,255,255,0.5), inset 0 -5px 10px rgba(0,0,0,0.2), 30px 0 50px rgba(0,0,0,0.2); + box-shadow:inset 0 2px 8px 5px $red, inset 0 10px 15px rgba(255,255,255,0.5), inset 0 -5px 10px rgba(0,0,0,0.2), 30px 0 50px rgba(0,0,0,0.2), 5px 0 10px rgba(0,0,0,0.2); } &.blue { background:$light-blue; - box-shadow:inset 0 2px 8px 5px $light-blue, inset 0 10px 15px rgba(255,255,255,0.5), inset 0 -5px 10px rgba(0,0,0,0.2), 30px 0 50px rgba(0,0,0,0.2); + box-shadow:inset 0 2px 8px 5px $light-blue, inset 0 10px 15px rgba(255,255,255,0.5), inset 0 -5px 10px rgba(0,0,0,0.2), 30px 0 50px rgba(0,0,0,0.2), 5px 0 10px rgba(0,0,0,0.2); } &.yellow { background:yellow; - box-shadow:inset 0 2px 8px 5px yellow, inset 0 10px 15px rgba(255,255,255,0.5), inset 0 -5px 10px rgba(0,0,0,0.2), 30px 0 50px rgba(0,0,0,0.2); + box-shadow:inset 0 2px 8px 5px yellow, inset 0 10px 15px rgba(255,255,255,0.5), inset 0 -5px 10px rgba(0,0,0,0.2), 30px 0 50px rgba(0,0,0,0.2), 5px 0 10px rgba(0,0,0,0.2); } &.orange { background:orange; - box-shadow:inset 0 2px 8px 5px orange, inset 0 10px 15px rgba(255,255,255,0.5), inset 0 -5px 10px rgba(0,0,0,0.2), 30px 0 50px rgba(0,0,0,0.2); + box-shadow:inset 0 2px 8px 5px orange, inset 0 10px 15px rgba(255,255,255,0.5), inset 0 -5px 10px rgba(0,0,0,0.2), 30px 0 50px rgba(0,0,0,0.2), 5px 0 10px rgba(0,0,0,0.2); } }