feat: add page titles

This commit is contained in:
Vlad Stan 2023-01-25 15:49:50 +02:00
parent 41a0a2d66e
commit 4af80858bc
2 changed files with 23 additions and 16 deletions

View file

@ -3,8 +3,10 @@
<script src="/core/static/js/extensions.js"></script>
{% endblock %} {% block page %}
<div class="row q-col-gutter-md q-mb-md">
<div class="col-sm-7 col-xs-6 mt-lg"></div>
<div class="col-sm-3 col-xs-8 q-ml-auto">
<div class="col-sm-9 col-xs-12 mt-lg">
<p class="text-h4">Extesions</p>
</div>
<div class="col-sm-3 col-xs-12 q-ml-auto">
<q-input v-model="searchTerm" label="Search extensions">
<q-icon
v-if="searchTerm !== ''"

View file

@ -2,6 +2,23 @@
%} {% block page %}
<div class="row q-col-gutter-md q-mb-md">
<div class="col-sm-9 col-xs-12">
<p class="text-h4">Install Extesions</p>
</div>
<div class="col-sm-3 col-xs-12 q-ml-auto">
<q-input v-model="searchTerm" label="Search extensions">
<q-icon
v-if="searchTerm !== ''"
name="close"
@click="searchTerm = ''"
class="cursor-pointer"
/>
</q-input>
</div>
</div>
<div class="row q-col-gutter-md q-mb-md">
<div class="col-12">
<q-card>
<div class="q-pa-xs">
<div class="q-gutter-y-md">
@ -31,19 +48,7 @@
</div>
</q-card>
</div>
<div class="col-sm-3 col-xs-12 q-ml-auto">
<q-input v-model="searchTerm" label="Search extensions">
<q-icon
v-if="searchTerm !== ''"
name="close"
@click="searchTerm = ''"
class="cursor-pointer q-mt-lg"
/>
</q-input>
</div>
</div>
<div class="row q-col-gutter-md">
<div
class="col-6 col-md-4 col-lg-3"
@ -208,7 +213,7 @@
<small v-text="repoName"></small>
</div>
<div class="col-2">
<div v-if="selectedExtension.stars" class="float-right">
<!-- <div v-if="selectedExtension.stars" class="float-right">
<small v-text="selectedExtension.stars"> </small>
<q-rating
max="1"
@ -221,7 +226,7 @@
no-dimming
>
</q-rating>
</div>
</div> -->
</div>
</div>
</q-item-section>