fix: UI improvements

requarks · Jul 21, 2019 · 006fd59 · 006fd59
1 parent 0c6472a
commit 006fd59
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 4 deletions.
diff --git a/client/components/admin/admin-dashboard.vue b/client/components/admin/admin-dashboard.vue
@@ -53,7 +53,7 @@
             .body-2(v-if='isLatestVersion') {{$t('admin:dashboard.versionLatest')}}
             .body-2(v-else) {{$t('admin:dashboard.versionNew', { version: info.latestVersion })}}
       v-flex(xs12, xl6)
-        v-card.radius-7
+        v-card.radius-7.animated.fadeInUp.wait-p2s
           v-card-title.subheading(:class='$vuetify.dark ? `grey darken-2` : `grey lighten-5`') Recent Pages
           v-data-table.pb-2(
             :items='recentPages'
@@ -70,7 +70,7 @@
                 .caption: strong Updated {{ props.item.updatedAt | moment('from') }}
                 .caption Created {{ props.item.createdAt | moment('calendar') }}
       v-flex(xs12, xl6)
-        v-card.radius-7
+        v-card.radius-7.animated.fadeInUp.wait-p4s
           v-card-title.subheading(:class='$vuetify.dark ? `grey darken-2` : `grey lighten-5`') Most Popular Pages
           v-data-table.pb-2(
             :items='popularPages'
@@ -88,7 +88,7 @@
                 .caption Created {{ props.item.createdAt | moment('calendar') }}
 
       v-flex(xs12)
-        v-card.dashboard-contribute
+        v-card.dashboard-contribute.animated.fadeInUp.wait-p4s
           v-card-text
             img(src='/svg/icon-heart-health.svg', alt='Contribute', style='height: 80px;')
             .pl-3

diff --git a/client/scss/base/base.scss b/client/scss/base/base.scss
@@ -1,7 +1,6 @@
 html {
   box-sizing: border-box;
   height: 100%;
-  background-color: mc('grey', '900');
 }
 *, *:before, *:after {
   box-sizing: inherit;

diff --git a/client/themes/default/scss/app.scss b/client/themes/default/scss/app.scss
@@ -616,6 +616,20 @@
       }
     }
 
+    @at-root .theme--dark & {
+      background-color: mc('grey', '900');
+      border-color: mc('grey', '700');
+
+      summary {
+        background-color: mc('grey', '900');
+        border-color: mc('grey', '700');
+      }
+
+      &[open] summary {
+        background-color: lighten(mc('grey', '900'), 5%);
+      }
+    }
+
   }
 
 }