mobile tabs

This commit is contained in:
hay-kot 2021-05-25 19:50:13 -07:00
commit 51e9798afc
7 changed files with 7 additions and 6 deletions

View file

@ -24,7 +24,7 @@
</div>
</v-row>
</v-card-text>
<v-tabs v-model="tab">
<v-tabs v-model="tab" show-arrows="">
<v-tab>{{ $t("general.recipes") }}</v-tab>
<v-tab>{{ $t("general.themes") }}</v-tab>
<v-tab>{{ $t("general.settings") }}</v-tab>

View file

@ -22,7 +22,7 @@
v-model="user.email"
prepend-icon="mdi-email"
validate-on-blur
:label="$t('user.email')"
:label="`${$t('user.email')} or ${$t('user.username')} `"
type="email"
></v-text-field>
<v-text-field

View file

@ -155,6 +155,7 @@ export default {
sortable: false,
value: "id",
},
{ text: this.$t("user.username"), value: "username" },
{ text: this.$t("user.full-name"), value: "fullName" },
{ text: this.$t("user.email"), value: "email" },
{ text: this.$t("group.group"), value: "group" },

View file

@ -1,7 +1,7 @@
<template>
<div>
<v-card flat>
<v-tabs v-model="tab" background-color="primary" centered dark icons-and-text>
<v-tabs v-model="tab" background-color="primary" centered dark icons-and-text show-arrows>
<v-tabs-slider></v-tabs-slider>
<v-tab href="#users">

View file

@ -24,7 +24,7 @@
</div>
</v-row>
</v-card-text>
<v-tabs v-model="tab">
<v-tabs v-model="tab" show-arrows="">
<v-tab>{{ $t("general.recipes") }}</v-tab>
</v-tabs>
<v-tabs-items v-model="tab">

View file

@ -1,7 +1,7 @@
<template>
<div>
<v-card flat>
<v-tabs v-model="tab" background-color="primary" centered dark icons-and-text>
<v-tabs v-model="tab" background-color="primary" centered dark icons-and-text show-arrows>
<v-tabs-slider></v-tabs-slider>
<v-tab href="#event-notifications">

View file

@ -6,7 +6,7 @@
</v-app-bar>
<div v-if="render">
<v-tabs v-model="tab" background-color="transparent" grow>
<v-tabs v-model="tab" background-color="transparent" grow show-arrows="">
<v-tab v-for="item in page.categories" :key="item.slug" :href="`#${item.slug}`">
{{ item.name }}
</v-tab>