Footer fixes

2024-03-24 15:09:19 +01:00
parent 6947e5ca75
commit 3e27d8b650
3 changed files with 26 additions and 5 deletions
--- a/resources/js/Layouts/GuestLayout.vue
+++ b/resources/js/Layouts/GuestLayout.vue
@@ -15,7 +15,12 @@ import {
    FwbMegaMenu,
    FwbMegaMenuDropdown,
    FwbRadio,
+    FwbFooter,
+    FwbFooterCopyright,
+    FwbFooterLink,
+    FwbFooterLinkGroup,
 } from 'flowbite-vue';
+
 import Multiselect from "vue-multiselect";
 import { settingsStore } from '../settingsStore.js';
 const menu = ref([])
@@ -267,8 +272,15 @@ onMounted(fetch_menu);
            </fwb-mega-menu-dropdown>
        </template>
    </fwb-navbar>
-    <div class="m-3">
+    <div class="m-3 pb-24">
        <slot />
    </div>
+    <fwb-footer class="p-4 rounded-none bg-white shadow md:flex md:items-center md:justify-between md:p-6 dark:bg-gray-800 bottom-0 absolute w-full">
+    <fwb-footer-copyright
+      by="JD a MH Slovakia™"
+      href="/"
+      copyright-message="We are not responsible..."
+    />
+   </fwb-footer>
 </template>
 <style src="vue-multiselect/dist/vue-multiselect.css"></style>
--- a/resources/js/Pages/IkeaRoot.vue
+++ b/resources/js/Pages/IkeaRoot.vue
@@ -55,7 +55,11 @@ const gChartHeight = gChartWidth == 400 ? 250 : (screenWidth.value *65/100) - 20
 console.log('GCH',screenWidth.value, screenHeight.value, gChartWidth,gChartHeight);
 const options = {
  region: 150,
-
+  colorAxis: {
+    colors : ['blue','red'],
+    minValue: 0,
+    maxValue: 1 },
+  backgroundColor: '#e5e6f9',
  width:  gChartWidth,
  height: gChartHeight,
 };
@@ -348,6 +352,11 @@ function customLabel({ item, desc, code }) {
  return `${item} - ${desc} - ${code}`;
 }

+const clear_all = () => {
+    settingsStore.text = '';
+    products.value = [];
+    options_items.value = [];
+}

 onMounted(fetch);
 onMounted(fetch_rates);
@@ -486,7 +495,7 @@ const selectedRowClassNameFunction = (item) => {
                />
              </div>
            </div>
-            <div class="ml-2" >
+            <div>
              <div>
                <span class="font-extrabold font-mono">Online:</span>
              </div>
@@ -495,7 +504,7 @@ const selectedRowClassNameFunction = (item) => {
                  type="checkbox"
                  class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600"
                  v-model="settingsStore.online"
-                  @input="async_search"
+                  @input="clear_all"
                />
              </div>
            </div>
--- a/resources/views/app.blade.php
+++ b/resources/views/app.blade.php
@@ -25,7 +25,7 @@
    @inertiaHead
 </head>

-<body class="font-sans antialiased bg-gray-100">
+<body class="font-sans antialiased bg-gray-100 relative min-h-screen">
    @inertia
 </body>