App Bar Rewrite (#347)

* Dummy Commit

* consolidate sidebar and app bar

* fix image error

* consolidate sidebar

* new icon for user menu

* fixes #329

* fix double click on mobile

* swap to computed properties

* fix open/close bug

* rewrite search for mobile

* fix ingredient checkbox

* cleanup console.logs

* set default lang + bump version

* draft changelog

* reword

* update env variables

Co-authored-by: hay-kot <hay-kot@pm.me>

frontend/src/components/UI/TheRecipeFab.vue

@@ -54,16 +54,28 @@
         </v-form>
       </v-card>
     </v-dialog>
-    <v-speed-dial v-model="fab" fixed right bottom open-on-hover>
+    <v-speed-dial
+      v-model="fab"
+      :open-on-hover="absolute"
+      :fixed="absolute"
+      :bottom="absolute"
+      :right="absolute"
+    >
       <template v-slot:activator>
-        <v-btn v-model="fab" color="accent" dark fab>
+        <v-btn
+          v-model="fab"
+          :color="absolute ? 'accent' : 'white'"
+          dark
+          :icon="!absolute"
+          :fab="absolute"
+        >
           <v-icon> mdi-plus </v-icon>
         </v-btn>
       </template>
       <v-btn fab dark small color="primary" @click="addRecipe = true">
         <v-icon>mdi-link</v-icon>
       </v-btn>
-      <v-btn fab dark small color="accent" @click="navCreate">
+      <v-btn fab dark small color="accent" @click="$router.push('/new')">
         <v-icon>mdi-square-edit-outline</v-icon>
       </v-btn>
     </v-speed-dial>
@@ -74,6 +86,11 @@
 import { api } from "@/api";
 
 export default {
+  props: {
+    absolute: {
+      default: false,
+    },
+  },
   data() {
     return {
       error: false,
@@ -102,10 +119,6 @@ export default {
       }
     },
 
-    navCreate() {
-      this.$router.push("/new");
-    },
-
     reset() {
       this.fab = false;
       this.error = false;