Footer fixes

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>