mirror of
https://github.com/fmhy/edit.git
synced 2026-01-13 07:21:08 +11:00
Compare commits
2 commits
c11d628228
...
f4f4a843e2
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
f4f4a843e2 | ||
|
|
dcb2f2ffd3 |
2 changed files with 6 additions and 3 deletions
|
|
@ -166,7 +166,7 @@ const toggleCard = () => (isCardShown.value = !isCardShown.value)
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<button
|
<button
|
||||||
class="inline-block text-center rounded-full px-4 py-2.5 text-sm font-medium border-2 border-solid text-$vp-c-text-1 border-$vp-c-divider"
|
class="bg-[#25262B] inline-block text-center rounded-full px-4 py-2.5 text-sm font-medium border-2 border-solid text-$vp-c-text-1 border-$vp-c-divider"
|
||||||
@click="toggleCard()"
|
@click="toggleCard()"
|
||||||
>
|
>
|
||||||
Share Feedback
|
Share Feedback
|
||||||
|
|
@ -191,7 +191,7 @@ const toggleCard = () => (isCardShown.value = !isCardShown.value)
|
||||||
<button
|
<button
|
||||||
v-for="item in feedbackOptions"
|
v-for="item in feedbackOptions"
|
||||||
:key="item.value"
|
:key="item.value"
|
||||||
class="bg-$vp-c-bg border-$vp-c-default-soft hover:border-primary mt-2 select-none rounded border-2 border-solid font-bold transition-all duration-250 rounded-lg text-[14px] font-500 leading-normal m-0 px-3 py-1.5 text-center align-middle whitespace-nowrap"
|
class="bg-[#25262B] border-$vp-c-default-soft hover:border-primary mt-2 select-none rounded border-2 border-solid font-bold transition-all duration-250 rounded-lg text-[14px] font-500 leading-normal m-0 px-3 py-1.5 text-center align-middle whitespace-nowrap"
|
||||||
@click="handleSubmit(item.value)"
|
@click="handleSubmit(item.value)"
|
||||||
>
|
>
|
||||||
<span>{{ item.label }}</span>
|
<span>{{ item.label }}</span>
|
||||||
|
|
|
||||||
|
|
@ -68,6 +68,9 @@ export class ThemeHandler {
|
||||||
if (!localStorage.getItem(STORAGE_KEY_MODE)) {
|
if (!localStorage.getItem(STORAGE_KEY_MODE)) {
|
||||||
this.state.value.currentMode = e.matches ? 'dark' : 'light'
|
this.state.value.currentMode = e.matches ? 'dark' : 'light'
|
||||||
this.applyTheme()
|
this.applyTheme()
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
this.applyTheme()
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
@ -380,7 +383,7 @@ export function useTheme() {
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
// Ensure theme is applied on mount
|
// Ensure theme is applied on mount
|
||||||
handler.setMode(handler.getMode())
|
handler.applyTheme()
|
||||||
})
|
})
|
||||||
|
|
||||||
return {
|
return {
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue