fix: minor UI styling

2021-07-20 15:59:30 +05:30
parent 88ccda8fd1
commit 2ace83bcaf
13 changed files with 110 additions and 129 deletions
--- a/components/app/Sidenav.vue
+++ b/components/app/Sidenav.vue
@@ -35,13 +35,12 @@ export default {
 <style scoped lang="scss">
 .nav-link {
  @apply p-4;
-  @apply flex-col;
-  @apply flex-1;
-  @apply hover:bg-primaryDark;
-  @apply hover:text-secondaryDark;
+  @apply flex flex-col flex-1;
  @apply items-center;
  @apply justify-center;
  @apply transition;
+  @apply hover:bg-primaryDark;
+  @apply hover:text-secondaryDark;

  .material-icons {
    @apply transition-opacity;