2
0
mirror of https://github.com/frappe/books.git synced 2024-12-22 19:09:01 +00:00

feat: dark mode for grid view in POS items

This commit is contained in:
AbleKSaju 2024-09-28 10:23:09 +05:30
parent f531cbc1e6
commit b4242f7b47

View File

@ -4,7 +4,7 @@
flex flex-col flex flex-col
gap-4 gap-4
p-4 p-4
border border border-none
items-center items-center
mt-4 mt-4
px-2 px-2
@ -17,10 +17,16 @@
<!-- Items Grid --> <!-- Items Grid -->
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-2 w-full"> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-2 w-full">
<div <div
class="
border border-gray-300
dark:border-gray-800
p-1
flex flex-col
text-sm text-center
"
@click="handleChange(item as POSItem)"
v-for="item in items as POSItem[]" v-for="item in items as POSItem[]"
:key="item.name" :key="item.name"
class="border border-gray-300 p-1 flex flex-col text-sm text-center"
@click="handleChange(item as POSItem)"
> >
<div class="self-center w-32 h-32 rounded-lg mb-1"> <div class="self-center w-32 h-32 rounded-lg mb-1">
<div class="relative"> <div class="relative">
@ -38,6 +44,7 @@
h-32 h-32
flex flex
bg-gray-100 bg-gray-100
dark:bg-gray-850
justify-center justify-center
items-center items-center
" "
@ -58,9 +65,9 @@
</p> </p>
</div> </div>
</div> </div>
<h3 class="text-lg font-medium">{{ item.name }}</h3> <h3 class="text-lg font-medium dark:text-white">{{ item.name }}</h3>
<p class="text-lg font-medium"> <p class="text-lg font-medium dark:text-white">
{{ {{
item.rate ? fyo.currencySymbols[item.rate.getCurrency()] : undefined item.rate ? fyo.currencySymbols[item.rate.getCurrency()] : undefined
}} }}