remove tabs on applications

This commit is contained in:
Kode 2020-02-16 23:16:38 +00:00
parent 766ecd146a
commit 608b7afc4e
2 changed files with 12 additions and 37 deletions

View File

@ -295,9 +295,7 @@ div.create {
align-items: center;
min-height: 200px;
color: #888888;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border: 1px solid #ccc;
}
.q-field--filled .q-field__control {
border-radius: 4px!important;

View File

@ -8,39 +8,17 @@
<div class="item">Link</div>
</div>-->
<div class="list-items">
<q-tabs
v-model="tab"
inline-label
:breakpoint="0"
indicator-color="primary"
align="justify"
active-bg-color="shadow-3"
class="bg-grey-2"
<div class="no-items" v-if="applications.length < 1">
{{ this.$t('no_apps') }}
<q-btn style="margin-top:30px;" @click="create = true" unelevated color="cyan-8">Add New</q-btn>
</div>
<app-item
v-else
v-for="application in applications"
:key="application.id"
:application="application"
>
<q-tab name="userapps" :label="this.$t('applications')" />
<q-tab v-if="$q.screen.gt.sm" name="tags" :label="this.$t('tags')" />
</q-tabs>
<q-tab-panels v-model="tab" animated>
<q-tab-panel name="userapps">
<div class="no-items" v-if="applications.length < 1">
{{ this.$t('no_apps') }}
<q-btn style="margin-top:30px;" @click="create = true" unelevated color="cyan-8">Add New</q-btn>
</div>
<app-item
v-else
v-for="application in applications"
:key="application.id"
:application="application"
>
</app-item>
</q-tab-panel>
<q-tab-panel name="tags">
<div class="text-h6">Tags</div>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
</q-tab-panel>
</q-tab-panels>
</app-item>
</div>
</div>
@ -80,8 +58,7 @@ export default {
data () {
return {
create: false,
tab: 'userapps'
create: false
}
},
mounted () {