From 2cbd35acc4293301e00ac1d63c99b873ed069a96 Mon Sep 17 00:00:00 2001 From: syuilo <syuilotan@yahoo.co.jp> Date: Sat, 18 Aug 2018 05:05:39 +0900 Subject: [PATCH] :art: --- .../views/pages/admin/admin.dashboard.vue | 2 +- .../views/pages/admin/admin.notes-chart.vue | 12 +++++++--- .../views/pages/admin/admin.suspend-user.vue | 2 +- .../pages/admin/admin.unsuspend-user.vue | 2 +- .../views/pages/admin/admin.users-chart.vue | 12 +++++++--- .../views/pages/admin/admin.verify-user.vue | 2 +- .../app/desktop/views/pages/admin/admin.vue | 24 +++++++++++-------- 7 files changed, 36 insertions(+), 20 deletions(-) diff --git a/src/client/app/desktop/views/pages/admin/admin.dashboard.vue b/src/client/app/desktop/views/pages/admin/admin.dashboard.vue index efe7ea0ca4..e68d3a749e 100644 --- a/src/client/app/desktop/views/pages/admin/admin.dashboard.vue +++ b/src/client/app/desktop/views/pages/admin/admin.dashboard.vue @@ -1,5 +1,5 @@ <template> -<div class="obdskegsannmntldydackcpzezagxqfy"> +<div class="obdskegsannmntldydackcpzezagxqfy card"> <header>%i18n:@dashboard%</header> <div v-if="stats" class="stats"> <div><b>%fa:user% {{ stats.originalUsersCount | number }}</b><span>%i18n:@original-users%</span></div> diff --git a/src/client/app/desktop/views/pages/admin/admin.notes-chart.vue b/src/client/app/desktop/views/pages/admin/admin.notes-chart.vue index 1f36d6b26a..8b33e59ec3 100644 --- a/src/client/app/desktop/views/pages/admin/admin.notes-chart.vue +++ b/src/client/app/desktop/views/pages/admin/admin.notes-chart.vue @@ -1,8 +1,14 @@ <template> -<div> +<div class="card"> <header>%i18n:@title%</header> - <x-chart v-if="data" :data="data" type="local"/> - <x-chart v-if="data" :data="data" type="remote"/> + <div class="card"> + <header>%i18n:@local%</header> + <x-chart v-if="data" :data="data" type="local"/> + </div> + <div class="card"> + <header>%i18n:@remote%</header> + <x-chart v-if="data" :data="data" type="remote"/> + </div> </div> </template> diff --git a/src/client/app/desktop/views/pages/admin/admin.suspend-user.vue b/src/client/app/desktop/views/pages/admin/admin.suspend-user.vue index 6eb82f0a51..59932f4be7 100644 --- a/src/client/app/desktop/views/pages/admin/admin.suspend-user.vue +++ b/src/client/app/desktop/views/pages/admin/admin.suspend-user.vue @@ -1,5 +1,5 @@ <template> -<div> +<div class="card"> <header>%i18n:@suspend-user%</header> <input v-model="username" type="text" class="ui"/> <button class="ui" @click="suspendUser" :disabled="suspending">%i18n:@suspend%</button> diff --git a/src/client/app/desktop/views/pages/admin/admin.unsuspend-user.vue b/src/client/app/desktop/views/pages/admin/admin.unsuspend-user.vue index 8c6f63ce88..a75c0bd64e 100644 --- a/src/client/app/desktop/views/pages/admin/admin.unsuspend-user.vue +++ b/src/client/app/desktop/views/pages/admin/admin.unsuspend-user.vue @@ -1,5 +1,5 @@ <template> -<div> +<div class="card"> <header>%i18n:@unsuspend-user%</header> <input v-model="username" type="text" class="ui"/> <button class="ui" @click="unsuspendUser" :disabled="unsuspending">%i18n:@unsuspend%</button> diff --git a/src/client/app/desktop/views/pages/admin/admin.users-chart.vue b/src/client/app/desktop/views/pages/admin/admin.users-chart.vue index 15c01fc59e..bbd342e515 100644 --- a/src/client/app/desktop/views/pages/admin/admin.users-chart.vue +++ b/src/client/app/desktop/views/pages/admin/admin.users-chart.vue @@ -1,8 +1,14 @@ <template> -<div> +<div class="card"> <header>%i18n:@title%</header> - <x-chart v-if="data" :data="data" type="local"/> - <x-chart v-if="data" :data="data" type="remote"/> + <div class="card"> + <header>%i18n:@local%</header> + <x-chart v-if="data" :data="data" type="local"/> + </div> + <div class="card"> + <header>%i18n:@remote%</header> + <x-chart v-if="data" :data="data" type="remote"/> + </div> </div> </template> diff --git a/src/client/app/desktop/views/pages/admin/admin.verify-user.vue b/src/client/app/desktop/views/pages/admin/admin.verify-user.vue index c9a81fae9a..3902d4bddd 100644 --- a/src/client/app/desktop/views/pages/admin/admin.verify-user.vue +++ b/src/client/app/desktop/views/pages/admin/admin.verify-user.vue @@ -1,5 +1,5 @@ <template> -<div> +<div class="card"> <header>%i18n:@verify-user%</header> <input v-model="username" type="text" class="ui"/> <button class="ui" @click="verifyUser" :disabled="verifying">%i18n:@verify%</button> diff --git a/src/client/app/desktop/views/pages/admin/admin.vue b/src/client/app/desktop/views/pages/admin/admin.vue index e32cd13211..d1e12eeb14 100644 --- a/src/client/app/desktop/views/pages/admin/admin.vue +++ b/src/client/app/desktop/views/pages/admin/admin.vue @@ -101,17 +101,21 @@ export default Vue.extend({ > div > div - margin-bottom 16px - padding 32px max-width 800px - background #fff - box-shadow 0 2px 8px rgba(#000, 0.1) - > header - margin 0 0 1em 0 - padding 0 0 8px 0 - font-size 1em - color #555 - border-bottom solid 1px #eee +.card + padding 32px + background #fff + box-shadow 0 2px 8px rgba(#000, 0.1) + + &:not(:last-child) + margin-bottom 16px + + > header + margin 0 0 1em 0 + padding 0 0 8px 0 + font-size 1em + color #555 + border-bottom solid 1px #eee </style>