Add feedback buttons
This commit is contained in:
31
app.vue
31
app.vue
@@ -10,6 +10,9 @@ const themes = ref([
|
|||||||
const setTheme = (theme) => {
|
const setTheme = (theme) => {
|
||||||
colorMode.preference = theme
|
colorMode.preference = theme
|
||||||
}
|
}
|
||||||
|
const feedback = () => {
|
||||||
|
window.open('https://github.com/WongSaang/chatgpt-ui/issues', '_blank')
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
@@ -50,6 +53,13 @@ const setTheme = (theme) => {
|
|||||||
</v-list-item>
|
</v-list-item>
|
||||||
</v-list>
|
</v-list>
|
||||||
</v-menu>
|
</v-menu>
|
||||||
|
|
||||||
|
<v-list-item
|
||||||
|
rounded="xl"
|
||||||
|
prepend-icon="help_outline"
|
||||||
|
title="Feedback"
|
||||||
|
@click="feedback"
|
||||||
|
></v-list-item>
|
||||||
</v-list>
|
</v-list>
|
||||||
</template>
|
</template>
|
||||||
</v-navigation-drawer>
|
</v-navigation-drawer>
|
||||||
@@ -60,6 +70,27 @@ const setTheme = (theme) => {
|
|||||||
<v-app-bar-nav-icon @click="drawer = !drawer"></v-app-bar-nav-icon>
|
<v-app-bar-nav-icon @click="drawer = !drawer"></v-app-bar-nav-icon>
|
||||||
|
|
||||||
<v-toolbar-title>{{ runtimeConfig.public.appName }}</v-toolbar-title>
|
<v-toolbar-title>{{ runtimeConfig.public.appName }}</v-toolbar-title>
|
||||||
|
|
||||||
|
<v-spacer></v-spacer>
|
||||||
|
|
||||||
|
<v-menu
|
||||||
|
>
|
||||||
|
<template v-slot:activator="{ props }">
|
||||||
|
<v-btn
|
||||||
|
v-bind="props"
|
||||||
|
icon="help_outline"
|
||||||
|
title="Feedback"
|
||||||
|
></v-btn>
|
||||||
|
</template>
|
||||||
|
<v-list
|
||||||
|
>
|
||||||
|
<v-list-item
|
||||||
|
@click="feedback"
|
||||||
|
>
|
||||||
|
<v-list-item-title>Feedback</v-list-item-title>
|
||||||
|
</v-list-item>
|
||||||
|
</v-list>
|
||||||
|
</v-menu>
|
||||||
</v-app-bar>
|
</v-app-bar>
|
||||||
|
|
||||||
<v-main>
|
<v-main>
|
||||||
|
|||||||
Reference in New Issue
Block a user