Fix widget padding on the dashboard UI

This commit is contained in:
Kailash Nadh 2021-02-06 12:36:19 +05:30
parent c7500f9be3
commit c90d42a7a9
1 changed files with 6 additions and 6 deletions

View File

@ -14,13 +14,13 @@
<b-loading v-if="isCountsLoading" active :is-full-page="false" /> <b-loading v-if="isCountsLoading" active :is-full-page="false" />
<article class="tile is-child notification"> <article class="tile is-child notification">
<div class="columns is-mobile"> <div class="columns is-mobile">
<div class="column is-4"> <div class="column is-6">
<p class="title">{{ $utils.niceNumber(counts.lists.total) }}</p> <p class="title">{{ $utils.niceNumber(counts.lists.total) }}</p>
<p class="is-size-6 has-text-grey"> <p class="is-size-6 has-text-grey">
{{ $tc('globals.terms.list', counts.lists.total) }} {{ $tc('globals.terms.list', counts.lists.total) }}
</p> </p>
</div> </div>
<div class="column is-8"> <div class="column is-6">
<ul class="no is-size-7 has-text-grey"> <ul class="no is-size-7 has-text-grey">
<li> <li>
<label>{{ $utils.niceNumber(counts.lists.public) }}</label> <label>{{ $utils.niceNumber(counts.lists.public) }}</label>
@ -45,13 +45,13 @@
<article class="tile is-child notification"> <article class="tile is-child notification">
<div class="columns is-mobile"> <div class="columns is-mobile">
<div class="column is-4"> <div class="column is-6">
<p class="title">{{ $utils.niceNumber(counts.campaigns.total) }}</p> <p class="title">{{ $utils.niceNumber(counts.campaigns.total) }}</p>
<p class="is-size-6 has-text-grey"> <p class="is-size-6 has-text-grey">
{{ $tc('globals.terms.campaign', counts.campaigns.total) }} {{ $tc('globals.terms.campaign', counts.campaigns.total) }}
</p> </p>
</div> </div>
<div class="column is-8"> <div class="column is-6">
<ul class="no is-size-7 has-text-grey"> <ul class="no is-size-7 has-text-grey">
<li v-for="(num, status) in counts.campaigns.byStatus" :key="status"> <li v-for="(num, status) in counts.campaigns.byStatus" :key="status">
<label>{{ num }}</label> {{ status }} <label>{{ num }}</label> {{ status }}
@ -66,14 +66,14 @@
<b-loading v-if="isCountsLoading" active :is-full-page="false" /> <b-loading v-if="isCountsLoading" active :is-full-page="false" />
<article class="tile is-child notification"> <article class="tile is-child notification">
<div class="columns is-mobile"> <div class="columns is-mobile">
<div class="column is-4"> <div class="column is-6">
<p class="title">{{ $utils.niceNumber(counts.subscribers.total) }}</p> <p class="title">{{ $utils.niceNumber(counts.subscribers.total) }}</p>
<p class="is-size-6 has-text-grey"> <p class="is-size-6 has-text-grey">
{{ $tc('globals.terms.subscriber', counts.subscribers.total) }} {{ $tc('globals.terms.subscriber', counts.subscribers.total) }}
</p> </p>
</div> </div>
<div class="column is-8"> <div class="column is-6">
<ul class="no is-size-7 has-text-grey"> <ul class="no is-size-7 has-text-grey">
<li> <li>
<label>{{ $utils.niceNumber(counts.subscribers.blocklisted) }}</label> <label>{{ $utils.niceNumber(counts.subscribers.blocklisted) }}</label>