added category scroll

frontend/src/App.vue

@@ -94,16 +94,5 @@ export default {
 </script>
 
 <style>
-/* Scroll Bar PageSettings */
-body::-webkit-scrollbar {
-  width: 0.25rem;
-}
 
-body::-webkit-scrollbar-track {
-  background: grey;
-}
-
-body::-webkit-scrollbar-thumb {
-  background: black;
-}
 </style>

frontend/src/components/Settings/General/HomePageSettings.vue

@@ -30,13 +30,18 @@
               <h3>Homepage Categories</h3>
             </v-card-text>
             <v-divider></v-divider>
-            <v-list min-height="200px" dense>
+            <v-list
+              min-height="200"
+              dense
+              max-height="200"
+              style="overflow:auto"
+            >
               <v-list-item-group>
                 <draggable
                   v-model="homeCategories"
                   group="categories"
                   :style="{
-                    minHeight: `200px`,
+                    minHeight: `150px`,
                   }"
                 >
                   <v-list-item
@@ -72,13 +77,18 @@
               </h3>
             </v-card-text>
             <v-divider></v-divider>
-            <v-list min-height="200px" dense>
+            <v-list
+              min-height="200"
+              dense
+              max-height="200"
+              style="overflow:auto"
+            >
               <v-list-item-group>
                 <draggable
                   v-model="categories"
                   group="categories"
                   :style="{
-                    minHeight: `200px`,
+                    minHeight: `150px`,
                   }"
                 >
                   <v-list-item

frontend/src/components/Settings/General/index.vue

@@ -5,8 +5,8 @@
       <v-spacer></v-spacer>
       <span>
         <v-btn class="pt-1" text href="/docs">
-          <v-icon left>mdi-link</v-icon>
           {{ $t("settings.local-api") }}
+          <v-icon right>mdi-open-in-new</v-icon>
         </v-btn>
       </span>
     </v-card-title>

frontend/src/components/Settings/Webhook/index.vue

@@ -4,14 +4,14 @@
       {{ $t("settings.webhooks.meal-planner-webhooks") }}
     </v-card-title>
     <v-card-text>
-      <p
-        v-html="
+      <p>
+        {{
           $t(
-            'settings.webhooks.the-urls-listed-below-will-recieve-webhooks-containing-the-recipe-data-for-the-meal-plan-on-its-scheduled-day-currently-webhooks-will-execute-at',
-            { time: time }
+            "settings.webhooks.the-urls-listed-below-will-recieve-webhooks-containing-the-recipe-data-for-the-meal-plan-on-its-scheduled-day-currently-webhooks-will-execute-at"
           )
-        "
-      ></p>
+        }}
+        <strong>{{ time }}</strong>
+      </p>
 
       <v-row dense align="center">
         <v-col cols="12" md="2" sm="5">

frontend/src/components/UI/CardSection.vue

@@ -5,7 +5,7 @@
         <v-row>
           <v-col>
             <v-btn-toggle group>
-              <v-btn text :to="`/recipes/category/${title.toLowerCase()}`">
+              <v-btn text :to="`/recipes/${title.toLowerCase()}`">
                 {{ title.toUpperCase() }}
               </v-btn>
             </v-btn-toggle>

frontend/src/locales/en.json

@@ -122,7 +122,7 @@
     },
     "webhooks": {
       "meal-planner-webhooks": "Meal Planner Webhooks",
-      "the-urls-listed-below-will-recieve-webhooks-containing-the-recipe-data-for-the-meal-plan-on-its-scheduled-day-currently-webhooks-will-execute-at": "The URLs listed below will receive webhooks containing the recipe data for the meal plan on it's scheduled day. Currently Webhooks will execute at <strong>{ time }</strong>",
+      "the-urls-listed-below-will-recieve-webhooks-containing-the-recipe-data-for-the-meal-plan-on-its-scheduled-day-currently-webhooks-will-execute-at": "The URLs listed below will receive webhooks containing the recipe data for the meal plan on it's scheduled day. Currently Webhooks will execute at",
       "test-webhooks": "Test Webhooks",
       "webhook-url": "Webhook URL"
     },