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

feat: UI improvements

Browse source
This commit is contained in:
Vlad Stan 2023-07-18 11:27:31 +03:00
parent 12349aa344
commit a65f3cdd96
2 changed files with 37 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

3
static/js/market.js
View file

@ -575,6 +575,9 @@ const market = async () => {
window.history.pushState({}, '', url)
// this.activePage = page
},
copyUrl: function () {
this.copyText(window.location)
},
copyText: function (text) {
var notify = this.$q.notify
Quasar.utils.copyToClipboard(text).then(function () {

21
templates/nostrmarket/market.html
View file

@ -73,16 +73,23 @@
<div class="col-lg-2 col-md-1 col-sm-0"></div>
<div class="col-lg-8 col-md-10 col-sm-12 auto-width">
<q-banner class="row q-pa-none q-mb-lg gt-sm shadow-2">
<q-img v-if="bannerImage" :src="bannerImage" class="rounded-borders"
style="width: 100%; height: 250px" cover>
<q-img v-if="bannerImage" :src="bannerImage" class="rounded-borders" style="width: 100%; height: 250px" cover>
<div v-if="config?.opts?.about" class="absolute-bottom text-subtitle1 text-center">
<span v-text="config.opts.about"></span>
</div>
</q-img>
</q-banner>
<div>
<q-breadcrumbs class="cursor">
<q-breadcrumbs-el :label="config?.opts?.name || 'Market'" icon="home" @click="navigateTo('market')" class="cursor-pointer">
</div>
<div class="col-lg-2 col-md-1 col-sm-0 auto-width"></div>
</div>
<div class="row q-mb-sm">
<div class="col-lg-2 col-md-1 col-sm-0"></div>
<div class="col-lg-7 col-md-9 col-sm-12 auto-width">
<q-breadcrumbs class="cursor q-mt-sm">
<q-breadcrumbs-el :label="config?.opts?.name || 'Market'" icon="home" @click="navigateTo('market')"
class="cursor-pointer auto-width">
<q-checkbox v-model="groupByStall" v-if="activePage === 'market'" class="q-pl-md float-right" size="xs"
val="xs" label="Group by stalls"></q-checkbox>
@ -101,7 +108,11 @@
icon="perm_identity"></q-breadcrumbs-el>
<q-breadcrumbs-el v-if="activePage === 'user-chat'" label="User Chat" icon="chat"></q-breadcrumbs-el>
</q-breadcrumbs>
</div>
<div class="col-lg-1 col-md-1 col-sm-0 gt-sm auto-width">
<q-btn v-if="activePage !== 'market'" flat color="grey" icon="content_copy" @click="copyUrl()" class="q-ml-sm float-right"></q-btn>
</div>
<div class="col-lg-2 col-md-1 col-sm-0 auto-width"></div>
</div>