jaro/ikea
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Footer fixes

Browse Source
This commit is contained in:
Jaroslav Drzik
2024-03-24 15:09:19 +01:00
parent 6947e5ca75
commit 3e27d8b650
3 changed files with 26 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
resources/js/Layouts/GuestLayout.vue
View File

@@ -15,7 +15,12 @@ import {
FwbMegaMenu, FwbMegaMenu,
FwbMegaMenuDropdown, FwbMegaMenuDropdown,
FwbRadio, FwbRadio,
FwbFooter,
FwbFooterCopyright,
FwbFooterLink,
FwbFooterLinkGroup,
} from 'flowbite-vue'; } from 'flowbite-vue';
import Multiselect from "vue-multiselect"; import Multiselect from "vue-multiselect";
import { settingsStore } from '../settingsStore.js'; import { settingsStore } from '../settingsStore.js';
const menu = ref([]) const menu = ref([])
@@ -267,8 +272,15 @@ onMounted(fetch_menu);
</fwb-mega-menu-dropdown> </fwb-mega-menu-dropdown>
</template> </template>
</fwb-navbar> </fwb-navbar>
<div class="m-3"> <div class="m-3 pb-24">
<slot /> <slot />
</div> </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> </template>
<style src="vue-multiselect/dist/vue-multiselect.css"></style> <style src="vue-multiselect/dist/vue-multiselect.css"></style>

15
resources/js/Pages/IkeaRoot.vue
View File

@@ -55,7 +55,11 @@ const gChartHeight = gChartWidth == 400 ? 250 : (screenWidth.value *65/100) - 20
console.log('GCH',screenWidth.value, screenHeight.value, gChartWidth,gChartHeight); console.log('GCH',screenWidth.value, screenHeight.value, gChartWidth,gChartHeight);
const options = { const options = {
region: 150, region: 150,
colorAxis: {
colors : ['blue','red'],
minValue: 0,
maxValue: 1 },
backgroundColor: '#e5e6f9',
width: gChartWidth, width: gChartWidth,
height: gChartHeight, height: gChartHeight,
}; };
@@ -348,6 +352,11 @@ function customLabel({ item, desc, code }) {
return `${item} - ${desc} - ${code}`; return `${item} - ${desc} - ${code}`;
} }
const clear_all = () => {
settingsStore.text = '';
products.value = [];
options_items.value = [];
}
onMounted(fetch); onMounted(fetch);
onMounted(fetch_rates); onMounted(fetch_rates);
@@ -486,7 +495,7 @@ const selectedRowClassNameFunction = (item) => {
/> />
</div> </div>
</div> </div>
<div class="ml-2" > <div>
<div> <div>
<span class="font-extrabold font-mono">Online:</span> <span class="font-extrabold font-mono">Online:</span>
</div> </div>
@@ -495,7 +504,7 @@ const selectedRowClassNameFunction = (item) => {
type="checkbox" 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" 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" v-model="settingsStore.online"
@input="async_search" @input="clear_all"
/> />
</div> </div>
</div> </div>

2
resources/views/app.blade.php
View File

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