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

Design cleanup

Browse Source
This commit is contained in:
Jaroslav Drzik
2024-01-08 20:57:45 +01:00
parent e32f6c2330
commit b4a9900efc
1 changed files with 23 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -105,7 +105,7 @@ const options = {
region: 150, region: 150,
width: 500, width: 500,
height: 500, height: 310,
}; };
const chart_settings = { const chart_settings = {
@@ -298,10 +298,29 @@ const submit = () => {
<template> <template>
<GuestLayout> <GuestLayout>
<div class="flex flex-wrap gap-2 justify-center align-middle "> <div class="flex flex-wrap gap-2 justify-center align-middle ">
<div class="justify-center rounded-md border-black border-8 max-h-[518px]"> <div class="flex flex-col start-0">
<div class="justify-center rounded-md border-black border-8 max-h-[328px]">
<GChart :events="gchartEvents" :type="type" :data="ccountry_filter" :options="options" <GChart :events="gchartEvents" :type="type" :data="ccountry_filter" :options="options"
:settings="chart_settings" /> :settings="chart_settings" />
</div> </div>
<div>
<span class="font-extrabold font-mono">Currency recalculation</span>
</div>
<div>
<multiselect v-model="form.currency" :multiple="false" :allow-empty="false" placeholder="Currency"
:searchable="true" :options="currency" @select="onSelectCurrency" />
</div>
<div class="flex flex-col start-0">
<span class="font-extrabold font-mono">Results</span>
</div>
<div>
<EasyTable :rows-per-page=15 :headers="hproducts" :items="tproducts" alternating>
<template #item-name="{ name, url }">
<a class="underline" target="_blank" :href="url">{{ name }}</a>
</template>
</EasyTable>
</div>
</div>
<div class="mr-auto"> <div class="mr-auto">
<form @submit.prevent="submit"> <form @submit.prevent="submit">
<div class="flex flex-col start-0"> <div class="flex flex-col start-0">
@@ -362,24 +381,9 @@ const submit = () => {
</div> </div>
</div> </div>
<div> <div>
<div>
<span class="font-extrabold font-mono">Currency recalculation</span>
</div>
<div>
<multiselect v-model="form.currency" :multiple="false" :allow-empty="false" placeholder="Currency"
:searchable="true" :options="currency" @select="onSelectCurrency" />
</div>
<div class="flex flex-col start-0">
<span class="font-extrabold font-mono">Results</span>
</div>
<div>
<EasyTable :rows-per-page=15 :headers="hproducts" :items="tproducts" alternating>
<template #item-name="{ name, url }">
<a class="underline" target="_blank" :href="url">{{ name }}</a>
</template>
</EasyTable>
</div>
</div> </div>
</div> </div>