lnbits-exts/nostrmarket
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

feat: ui stuff

Browse source
This commit is contained in:
Vlad Stan 2023-07-05 18:34:27 +03:00
parent 4908d3986b
commit d6959c3c5c
1 changed files with 11 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

19
static/components/product-card/product-card.html
View file

@ -14,12 +14,10 @@
<div class="col text-subtitle2 ellipsis-2-lines">{{ product.name }}</div> <div class="col text-subtitle2 ellipsis-2-lines">{{ product.name }}</div>
</div> </div>
<!-- <q-rating v-model="stars" color="orange" :max="5" readonly size="17px"></q-rating> -->
</q-card-section> </q-card-section>
<q-card-section class="q-py-sm"> <q-card-section class="q-py-sm">
<div> <div>
<div class="text-caption text-weight-bolder">{{ product.stallName }}</div>
<span v-if="product.currency == 'sat'"> <span v-if="product.currency == 'sat'">
<span class="text-h6">{{ product.price }} sats</span><span class="q-ml-sm text-grey-6">BTC {{ (product.price / <span class="text-h6">{{ product.price }} sats</span><span class="q-ml-sm text-grey-6">BTC {{ (product.price /
1e8).toFixed(8) }}</span> 1e8).toFixed(8) }}</span>
@ -43,22 +41,27 @@
<div class="text-caption text-grey ellipsis-2-lines" style="min-height: 40px"> <div class="text-caption text-grey ellipsis-2-lines" style="min-height: 40px">
<p v-if="product.description">{{ product.description }}</p> <p v-if="product.description">{{ product.description }}</p>
</div> </div>
</q-card-section> </q-card-section>
<q-separator></q-separator>
<q-card-actions>
<div class="text-caption text-weight-bolder">{{ product.stallName }}</div>
</q-card-actions>
<q-separator></q-separator> <q-separator></q-separator>
<q-card-actions> <q-card-actions>
<span>Stall: {{ product.stallName }}</span>
<span>{{ $parent.activeStall }}</span>
<div class="q-ml-auto"> <div class="q-ml-auto">
<q-btn v-if="!isStall" flat class="text-weight-bold text-capitalize q-ml-auto float-left" dense color="primary"
@click="$emit('change-page', 'stall', {stall: product.stall_id})">
Visit Stall
</q-btn>
<q-btn flat class="text-weight-bold text-capitalize q-ml-auto" dense color="primary" <q-btn flat class="text-weight-bold text-capitalize q-ml-auto" dense color="primary"
@click="$emit('change-page', 'stall', {stall: product.stall_id, product: product.id})"> @click="$emit('change-page', 'stall', {stall: product.stall_id, product: product.id})">
View details View details
</q-btn> </q-btn>
<q-btn v-if="!isStall" flat class="text-weight-bold text-capitalize q-ml-auto" dense color="primary"
@click="$emit('change-page', 'stall', {stall: product.stall_id})">
Visit Stall
</q-btn>
</div> </div>
</q-card-actions> </q-card-actions>
</q-card> </q-card>