Updated extension card layout

This commit is contained in:
ben
2023-01-01 18:14:20 +00:00
parent 7d7cbeeb71
commit a8c4bea53d
33 changed files with 62 additions and 54 deletions
+26 -16
View File
@@ -26,30 +26,40 @@
<div class="row">
<div class="col-3">
<q-img
:src="extension.tile"
spinner-color="white"
style="max-width: 100%"
></q-img>
:src="extension.tile"
spinner-color="white"
style="max-width: 100%"
></q-img>
</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 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-rating disable size="2em" :max="5" color="primary"></q-rating
><q-tooltip>Rating coming soon</q-tooltip>
</div>
</q-card-section>
<q-separator></q-separator>
<q-card-actions>