✏️ Add router-link to header

This commit is contained in:
SebClem 2022-06-18 17:40:24 +02:00
parent 4ca92aae06
commit 0a96e65bb8
Signed by: sebclem
GPG Key ID: 5A4308F6A359EA50
6 changed files with 13 additions and 7 deletions

View File

@ -2,8 +2,14 @@
<v-app-bar class="bg-brown-darken-4"> <v-app-bar class="bg-brown-darken-4">
<v-app-bar-title class="text-yellow font-weight-black text-h4"> <v-app-bar-title class="text-yellow font-weight-black text-h4">
<div class="d-flex align-center"> <div class="d-flex align-center">
<router-link to="/">
<v-avatar><v-img src="/icon.png"></v-img></v-avatar> <v-avatar><v-img src="/icon.png"></v-img></v-avatar>
<span class="ml-3">Claptrap Bot</span> </router-link>
<span class="ml-3 d-none d-sm-inline">
<router-link to="/" class="text-yellow" style="text-decoration: none">
Claptrap Bot
</router-link>
</span>
</div> </div>
</v-app-bar-title> </v-app-bar-title>
<v-spacer></v-spacer> <v-spacer></v-spacer>

View File

@ -27,7 +27,7 @@
</v-row> </v-row>
</v-form> </v-form>
<v-row justify="center"> <v-row justify="center">
<v-col cols="1"> <v-col cols="12" md="2">
<v-btn <v-btn
v-on:click="send" v-on:click="send"
color="success" color="success"

View File

@ -27,7 +27,7 @@ defineProps<{ fieldDescription: FieldDescriptor }>();
const settingStore = useSettingStore(); const settingStore = useSettingStore();
const { values, loading } = storeToRefs(settingStore); const { values, loading } = storeToRefs(settingStore);
const loadingComp = computed(() => { const loadingComp = computed(() => {
return loading.value ? "primary" : false; return loading.value ? "info" : false;
}); });
</script> </script>

View File

@ -41,7 +41,7 @@ function required(value: string) {
const { loading, roles, text_channels, voice_channels, values } = const { loading, roles, text_channels, voice_channels, values } =
storeToRefs(settingStore); storeToRefs(settingStore);
const loadingComp = computed(() => { const loadingComp = computed(() => {
return loading.value ? "primary" : false; return loading.value ? "info" : false;
}); });
const items = computed(() => { const items = computed(() => {

View File

@ -1,5 +1,5 @@
<template> <template>
<v-card title="Music"> <v-card title="Music" disabled>
<template v-slot:prepend> <template v-slot:prepend>
<v-icon color="yellow" size="x-large">mdi-music-circle</v-icon> <v-icon color="yellow" size="x-large">mdi-music-circle</v-icon>
</template> </template>

View File

@ -1,5 +1,5 @@
<template> <template>
<v-card title="Stats"> <v-card title="Stats" disabled>
<template v-slot:prepend> <template v-slot:prepend>
<v-icon color="yellow" size="x-large">mdi-crown</v-icon> <v-icon color="yellow" size="x-large">mdi-crown</v-icon>
</template> </template>