merch-tracker-v2/frontend
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

styles changes

Browse source
This commit is contained in:
nquidox 2025-09-25 20:40:11 +03:00
parent 8351c63e57
commit 033e54085d
7 changed files with 74 additions and 78 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/views/ChartsView.vue
View file

@ -6,7 +6,6 @@ import ChartsCard from '@/views/ChartsView/ChartsCard.vue'
import router from '@/router/index.js'
import ChartsSearch from '@/views/ChartsView/ChartsSearch.vue'
const { getChartsPrices } = useChartsApi()
const pricesList = ref([])
@ -40,22 +39,21 @@ function handleSelectDays(days) {
fetchPrices(days)
}
const searchQuery = ref('');
const searchQuery = ref('')
const filteredPrices = computed(() => {
if (!searchQuery.value.trim()) {
return pricesList.value;
return pricesList.value
}
const q = searchQuery.value.toLowerCase();
return pricesList.value.filter(item =>
item.name.toLowerCase().includes(q)
);
});
const q = searchQuery.value.toLowerCase()
return pricesList.value.filter((item) => item.name.toLowerCase().includes(q))
})
</script>
<template>
<ChartsSearch v-model="searchQuery" />
<div class="sticky-search-container">
<ChartsSearch v-model="searchQuery" />
</div>
<PeriodSelector @days="handleSelectDays" />
<n-grid responsive="screen" cols="1 s:1 m:1 l:2 xl:2 2xl:2" class="grid-main">
<n-gi class="grid-item" v-for="item in filteredPrices" :key="item.merch_uuid">
@ -67,5 +65,4 @@ const filteredPrices = computed(() => {
</template>
<style scoped>
</style>