Soften dashboard bar colors
This commit is contained in:
@@ -182,7 +182,7 @@ const priorityActions = computed(() => [
|
|||||||
<span
|
<span
|
||||||
v-for="(value, index) in metric.sparkline"
|
v-for="(value, index) in metric.sparkline"
|
||||||
:key="`${metric.label}-${index}`"
|
:key="`${metric.label}-${index}`"
|
||||||
class="flex-1 rounded-t-full bg-gradient-to-t from-violet-600 to-amber-300"
|
class="flex-1 rounded-t-full bg-gradient-to-t from-[#d8c7ff] via-[#f8c8dc] to-[#b8f1e6]"
|
||||||
:style="{ height: `${value}%` }"
|
:style="{ height: `${value}%` }"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -283,9 +283,9 @@ const priorityActions = computed(() => [
|
|||||||
</div>
|
</div>
|
||||||
<strong class="text-lg text-violet-800">{{ Number(category.votes).toLocaleString('de-DE') }}</strong>
|
<strong class="text-lg text-violet-800">{{ Number(category.votes).toLocaleString('de-DE') }}</strong>
|
||||||
</div>
|
</div>
|
||||||
<div class="mt-4 h-3 rounded-full bg-violet-50">
|
<div class="mt-4 h-3 rounded-full bg-[#f7f2ff]">
|
||||||
<div
|
<div
|
||||||
class="h-3 rounded-full bg-gradient-to-r from-violet-700 via-violet-500 to-amber-300"
|
class="h-3 rounded-full bg-gradient-to-r from-[#d8c7ff] via-[#f8c8dc] to-[#b8f1e6]"
|
||||||
:style="{ width: `${(category.votes / maxCategoryVotes) * 100}%` }"
|
:style="{ width: `${(category.votes / maxCategoryVotes) * 100}%` }"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user