From 1780d463509db5bac9d803809a33d84aa9afff1b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jos=C3=A9=20Luis=20Pereira?= <pepelui@outlook.com>
Date: Fri, 1 Jul 2022 18:56:35 -0300
Subject: [PATCH] css changes

---
 src/assets/css/main.scss                       |  2 +-
 src/components/Card/VCard.vue                  |  2 +-
 src/components/Card/VCardHeader.vue            |  2 +-
 src/components/Gallery/GalleryImage.vue        |  4 ++--
 src/components/Gallery/ImageViewer.vue         |  4 ++--
 src/components/Layout/LayoutFooter.vue         |  2 +-
 src/components/Layout/LayoutHeader.vue         |  4 ++--
 src/components/Menu/MenuList.vue               | 18 ++++++++++++++++++
 src/main.js                                    |  8 ++------
 .../otus/components/Citation/CitationList.vue  |  1 +
 .../otus/components/Citation/CitationRow.vue   |  2 +-
 src/modules/otus/views/Index.vue               |  4 ++--
 12 files changed, 34 insertions(+), 19 deletions(-)
 create mode 100644 src/components/Menu/MenuList.vue

diff --git a/src/assets/css/main.scss b/src/assets/css/main.scss
index c6ad81e..4acb65b 100644
--- a/src/assets/css/main.scss
+++ b/src/assets/css/main.scss
@@ -9,7 +9,7 @@
 
 body {
   @apply bg-gray-100;
-  @apply dark:bg-zinc-900;
+  @apply dark:bg-slate-900;
   @apply font-inter;
   @apply dark:text-slate-400;
 }
diff --git a/src/components/Card/VCard.vue b/src/components/Card/VCard.vue
index a959021..315bfda 100644
--- a/src/components/Card/VCard.vue
+++ b/src/components/Card/VCard.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="shadow-sm bg-white print:shadow-none print:border-0 dark:bg-zinc-800">
+  <div class="shadow-sm bg-white print:shadow-none print:border-0 dark:bg-slate-800">
     <slot />
   </div>
 </template>
\ No newline at end of file
diff --git a/src/components/Card/VCardHeader.vue b/src/components/Card/VCardHeader.vue
index 73664c2..3b25712 100644
--- a/src/components/Card/VCardHeader.vue
+++ b/src/components/Card/VCardHeader.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="p-4 uppercase text-sm dark:text-slate-200">
+  <div class="p-4 pb-0 uppercase text-sm dark:text-slate-200 font-medium">
     <slot />
   </div>
 </template>
\ No newline at end of file
diff --git a/src/components/Gallery/GalleryImage.vue b/src/components/Gallery/GalleryImage.vue
index 0d1e0b7..3b8a84e 100644
--- a/src/components/Gallery/GalleryImage.vue
+++ b/src/components/Gallery/GalleryImage.vue
@@ -7,8 +7,8 @@
         border
         print:hidden
         bg-white  
-        dark:bg-zinc-800 
-        dark:border-zinc-800"
+        dark:bg-slate-800 
+        dark:border-slate-800"
     >
       <div class="h-80 max-h-80 flex items-center justify-center">
         <img
diff --git a/src/components/Gallery/ImageViewer.vue b/src/components/Gallery/ImageViewer.vue
index da7b1ca..e830975 100644
--- a/src/components/Gallery/ImageViewer.vue
+++ b/src/components/Gallery/ImageViewer.vue
@@ -4,7 +4,7 @@
     @click="emit('close')"
   >
     <div 
-      class="container bg-white dark:bg-zinc-900 relative max-h-full w-full md:h-auto rounded-lg shadow-sm"
+      class="container bg-white dark:bg-slate-900 relative max-h-full w-full md:h-auto rounded-lg shadow-sm"
       @click.stop
     >
       <VSpinner v-if="isLoading" />
@@ -17,7 +17,7 @@
         >
       </div>
 
-      <div class="bg-white dark:bg-zinc-900 attributions bottom-0 h-24 p-4 rounded-b-lg align-middle flex justify-between flex-col text-center">
+      <div class="bg-white dark:bg-slate-900 attributions bottom-0 h-24 p-4 rounded-b-lg align-middle flex justify-between flex-col text-center">
         <ImageDepictions
           class="my-auto"
           :depictions="image.depictions" 
diff --git a/src/components/Layout/LayoutFooter.vue b/src/components/Layout/LayoutFooter.vue
index a36ca2b..4c93b92 100644
--- a/src/components/Layout/LayoutFooter.vue
+++ b/src/components/Layout/LayoutFooter.vue
@@ -1,5 +1,5 @@
 <template>
-  <footer class="footer text-white bottom-0 border-gray-200 bg-zinc-800 pl-4 pr-4">
+  <footer class="footer text-white bottom-0 border-gray-200 bg-zinc-800 dark:bg-slate-800 pl-4 pr-4">
     <div class="container mx-auto text-sm pt-2 pb-4">
       <div class="pt-4 pb-4">
         {{ project_authors }}
diff --git a/src/components/Layout/LayoutHeader.vue b/src/components/Layout/LayoutHeader.vue
index 47bac48..70da96b 100644
--- a/src/components/Layout/LayoutHeader.vue
+++ b/src/components/Layout/LayoutHeader.vue
@@ -8,8 +8,8 @@
       py-2.5
       rounded
       border-b
-      dark:border-b-zinc-800
-      dark:bg-zinc-900
+      dark:border-b-slate-800
+      dark:bg-slate-900
       pl-4
       pr-4
       h-9
diff --git a/src/components/Menu/MenuList.vue b/src/components/Menu/MenuList.vue
new file mode 100644
index 0000000..f9b1a58
--- /dev/null
+++ b/src/components/Menu/MenuList.vue
@@ -0,0 +1,18 @@
+<template>
+  <div>
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      class="h-6 w-6"
+      fill="none"
+      viewBox="0 0 24 24"
+      stroke="currentColor"
+      stroke-width="2"
+    >
+      <path
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        d="M4 6h16M4 12h16m-7 6h7"
+      />
+    </svg>
+  </div>
+</template>
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 3a1c8e3..0766223 100644
--- a/src/main.js
+++ b/src/main.js
@@ -4,13 +4,9 @@ import router from '@/router/index.js'
 import globalComponents from '@/components/globalComponents'
 import '@/assets/css/main.scss'
 
-console.log(globalComponents)
+
 const app = createApp(App)
 
-app.use(router)
 globalComponents.register(app)
-/* app.component("VCard", Card)
-app.component("CardContent", CardContent)
-app.component("CardHeader", CardHeader)
-app.component("VSpinner", VSpinner) */
+app.use(router)
 app.mount('#app')
diff --git a/src/modules/otus/components/Citation/CitationList.vue b/src/modules/otus/components/Citation/CitationList.vue
index 816d680..be838ce 100644
--- a/src/modules/otus/components/Citation/CitationList.vue
+++ b/src/modules/otus/components/Citation/CitationList.vue
@@ -11,6 +11,7 @@
           v-for="citation in citations"
           :key="citation.id"
           :citation="citation"
+          class="flex justify-start border-b p-3 pl-0 last:border-b-0 dark:border-b-slate-700"
         />
       </ul>
     </VCardContent>
diff --git a/src/modules/otus/components/Citation/CitationRow.vue b/src/modules/otus/components/Citation/CitationRow.vue
index 0fa36ff..9427691 100644
--- a/src/modules/otus/components/Citation/CitationRow.vue
+++ b/src/modules/otus/components/Citation/CitationRow.vue
@@ -1,5 +1,5 @@
 <template>
-  <li class="flex justify-start mb-1">
+  <li>
     <ButtonExpand
       v-model="isExpanded"
       class="mr-2"
diff --git a/src/modules/otus/views/Index.vue b/src/modules/otus/views/Index.vue
index 37ee5e5..0351789 100644
--- a/src/modules/otus/views/Index.vue
+++ b/src/modules/otus/views/Index.vue
@@ -3,9 +3,9 @@
     <div 
       class="
       bg-white
-      dark:bg-zinc-900
+      dark:bg-slate-900
       dark:text-slate-400
-      dark:border-b-zinc-800
+      dark:border-b-slate-800
         border-b 
         pl-4 
         pr-4"