.gitignore

@@ -2,6 +2,7 @@
 node_modules
 /dist
 /public/lib
+/out/
 
 # local env files
 .env.local

src/App.vue

@@ -688,11 +688,11 @@
 
     .v-application.v-theme--
         &light
-            header, footer
+            header, footer, .semi-transparent
                 background: rgba(255, 255, 255, .5)
         &dark
-            header, footer
+            header, footer, .semi-transparent
-                background: rgba(15, 15,15, .5)
+                background: rgba(15, 15, 15, .5)
 
     .content-container
         height: calc(100vh - 160px)

src/components/AuthorsLib.vue

@@ -17,11 +17,10 @@
             >
                 <v-card
                     hover
-                    ripple
                     outlined
                     tile
                     height="127"
-                    class="pa-2 ma-2"
+                    class="pa-2 ma-2 semi-transparent"
                     @click="authorClick(item)"
                 >
                     <v-row

src/components/BooksLib.vue

@@ -96,7 +96,7 @@
                             outlined
                             tile
                             height="127"
-                            class="pa-2 ma-2"
+                            class="pa-2 ma-2 semi-transparent"
                             @click="bookClick(item)"
                         >
                             <v-row