✏️ Add router-link to header

src/components/Header/HeaderComponent.vue

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

src/components/guild/Settings/SettingListComponent.vue

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

src/components/guild/Settings/fields/BoolFieldComponent.vue

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

src/components/guild/Settings/fields/SelectFieldComponent.vue

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

src/components/guild/home/MusicPreviewComponent.vue

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

src/components/guild/home/StatsPreviewComponent.vue

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