highperfocused/lnbits
1
0
Fork 0
mirror of https://github.com/lnbits/lnbits.git synced 2025-06-17 04:11:42 +02:00
Code Issues Packages Projects Releases Wiki Activity

Adjusted layout for ratings and to stop overflow on mobile

Browse Source
This commit is contained in:
ben 2023-01-01 14:55:01 +00:00
parent 59a8ff9dce
commit 7d7cbeeb71
1 changed files with 27 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
lnbits/core/templates/core/extensions.html
View File

@ -23,14 +23,33 @@
> >
<q-card> <q-card>
<q-card-section> <q-card-section>
<q-img <div class="row">
:src="extension.tile" <div class="col-3">
spinner-color="white" <q-img
style="max-width: 64px" :src="extension.tile"
></q-img> spinner-color="white"
{% raw %} style="max-width: 100%"
<h5 class="q-mt-lg q-mb-xs">{{ extension.name }}</h5> ></q-img>
<small>{{ extension.shortDescription }} </small>{% endraw %} </div>
<div class="col-9 q-pl-sm">
{% raw %}
<div class="text-h5 gt-sm q-mt-sm q-mb-xs">{{ extension.name }}</div>
<div class="text-subtitle2 gt-sm" style="font-size:11px;height:34px">{{ extension.shortDescription }}</div>
<div class="text-subtitle1 lt-md q-mt-sm q-mb-xs">{{ extension.name }}</div>
<div class="text-subtitle2 lt-md" style="font-size:9px;height:34px">{{ extension.shortDescription }}</div>{% endraw %}
</div>
</div>
</q-card-section>
<q-card-section>
<div>
<q-rating
disable
size="2em"
:max="5"
color="primary"
></q-rating><q-tooltip>Rating coming soon</q-tooltip></div>
</q-card-section> </q-card-section>
<q-separator></q-separator> <q-separator></q-separator>
<q-card-actions> <q-card-actions>