add pretty animations to nav

2022-07-22 16:08:55 -04:00
parent 35d37d1a2a
commit cc9f204174
6 changed files with 69 additions and 22 deletions
--- a/layouts/base.vue
+++ b/layouts/base.vue
@@ -1,12 +0,0 @@
-<template>
-  <div class="flex flex-col items-center w-full h-full">
-    <slot />
-  </div>
-</template>
-
-<style scoped>
-.dark-mode body {
-  background-color: #091a28;
-  color: #ebf4f1;
-}
-</style>
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -36,8 +36,10 @@ html.dark::before {
  transform: translateX(0);
 }

-.dark-mode body {
-  background-color: #091a28;
-  color: #ebf4f1;
+main {
+  width: 80%;
+  max-width: 60rem;
+  height: 100%;
+  padding-top: 2rem;
 }
 </style>