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

Fix color, sort order

Browse Source
This commit is contained in:
Jaroslav Drzik
2024-01-21 10:17:20 +01:00
parent bfa24de384
commit 503349d9d5
2 changed files with 7 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -384,7 +384,7 @@ watch(ccodes, (codes) => {
<span class="font-extrabold font-mono">Results <b v-if="itemCode">for {{ itemCode }}</b> </span> <span class="font-extrabold font-mono">Results <b v-if="itemCode">for {{ itemCode }}</b> </span>
</div> </div>
<div> <div>
<EasyTable id="results" :rows-per-page=25 :headers="hproducts" :items="tproducts" :body-row-class-name="bodyRowClassNameFunction" alternating> <EasyTable id="results" table-class-name="results" sortBy="countryName" :rows-per-page=25 :headers="hproducts" :items="tproducts" :body-row-class-name="bodyRowClassNameFunction" alternating>
<template #item-countryName="{ countryName, url }"> <template #item-countryName="{ countryName, url }">
<a class="underline" target="_blank" :href="url">{{ countryName }}</a> <a class="underline" target="_blank" :href="url">{{ countryName }}</a>
</template> </template>
@@ -397,7 +397,7 @@ watch(ccodes, (codes) => {
<span class="font-extrabold font-mono">Countries in which compare</span> <span class="font-extrabold font-mono">Countries in which compare</span>
</div> </div>
<div> <div>
<multiselect :close-on-select="false" :multiple="true" v-model="form.countries" :options="ccountry_list" <multiselect placeholder="All" :close-on-select="false" :multiple="true" v-model="form.countries" :options="ccountry_list"
@select="selectCountry" @remove="selectCountry"> @select="selectCountry" @remove="selectCountry">
</multiselect> </multiselect>
</div> </div>
@@ -405,7 +405,7 @@ watch(ccodes, (codes) => {
<span class="font-extrabold font-mono">Country in which search product</span> <span class="font-extrabold font-mono">Country in which search product</span>
</div> </div>
<div> <div>
<multiselect :close-on-select="true" :multiple="false" v-model="form.country" :options="ccodes" <multiselect placeholder="All" :close-on-select="true" :multiple="false" v-model="form.country" :options="ccodes"
label="country" track-by="code"> label="country" track-by="code">
</multiselect> </multiselect>
</div> </div>
@@ -507,12 +507,9 @@ watch(ccodes, (codes) => {
width: 128px; width: 128px;
} }
.result-country { :root .result-country {
--easy-table-body-row-background-color: yellow !important; --easy-table-body-row-background-color: yellow;
} --easy-table-body-even-row-background-color: yellow;
.even-row .result-country {
--easy-table-body-row-background-color: yellow !important;
} }
</style> </style>

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

@@ -18,6 +18,7 @@
.gradient { .gradient {
background: linear-gradient(90deg, #d53369 0%, #daae51 100%); background: linear-gradient(90deg, #d53369 0%, #daae51 100%);
} }
</style> </style>
@routes @routes
@vite('resources/js/app.js') @vite('resources/js/app.js')