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> </div>
</v-row> </v-row>
</v-card-text> </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.recipes") }}</v-tab>
<v-tab>{{ $t("general.themes") }}</v-tab> <v-tab>{{ $t("general.themes") }}</v-tab>
<v-tab>{{ $t("general.settings") }}</v-tab> <v-tab>{{ $t("general.settings") }}</v-tab>

View file

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

View file

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

View file

@ -1,7 +1,7 @@
<template> <template>
<div> <div>
<v-card flat> <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-tabs-slider></v-tabs-slider>
<v-tab href="#users"> <v-tab href="#users">

View file

@ -24,7 +24,7 @@
</div> </div>
</v-row> </v-row>
</v-card-text> </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.recipes") }}</v-tab>
</v-tabs> </v-tabs>
<v-tabs-items v-model="tab"> <v-tabs-items v-model="tab">

View file

@ -1,7 +1,7 @@
<template> <template>
<div> <div>
<v-card flat> <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-tabs-slider></v-tabs-slider>
<v-tab href="#event-notifications"> <v-tab href="#event-notifications">

View file

@ -6,7 +6,7 @@
</v-app-bar> </v-app-bar>
<div v-if="render"> <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}`"> <v-tab v-for="item in page.categories" :key="item.slug" :href="`#${item.slug}`">
{{ item.name }} {{ item.name }}
</v-tab> </v-tab>