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> <script src="/core/static/js/extensions.js"></script>
{% endblock %} {% block page %} {% endblock %} {% block page %}
<div class="row q-col-gutter-md q-mb-md"> <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-9 col-xs-12 mt-lg">
<div class="col-sm-3 col-xs-8 q-ml-auto"> <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-input v-model="searchTerm" label="Search extensions">
<q-icon <q-icon
v-if="searchTerm !== ''" v-if="searchTerm !== ''"

View file

@ -2,6 +2,23 @@
%} {% block page %} %} {% block page %}
<div class="row q-col-gutter-md q-mb-md"> <div class="row q-col-gutter-md q-mb-md">
<div class="col-sm-9 col-xs-12"> <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> <q-card>
<div class="q-pa-xs"> <div class="q-pa-xs">
<div class="q-gutter-y-md"> <div class="q-gutter-y-md">
@ -31,19 +48,7 @@
</div> </div>
</q-card> </q-card>
</div> </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>
<div class="row q-col-gutter-md"> <div class="row q-col-gutter-md">
<div <div
class="col-6 col-md-4 col-lg-3" class="col-6 col-md-4 col-lg-3"
@ -208,7 +213,7 @@
<small v-text="repoName"></small> <small v-text="repoName"></small>
</div> </div>
<div class="col-2"> <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> <small v-text="selectedExtension.stars"> </small>
<q-rating <q-rating
max="1" max="1"
@ -221,7 +226,7 @@
no-dimming no-dimming
> >
</q-rating> </q-rating>
</div> </div> -->
</div> </div>
</div> </div>
</q-item-section> </q-item-section>