css changes

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;
 }

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>

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>

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

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" 

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 }}

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

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>

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')

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>

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"

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"