mirror of
https://github.com/fmhy/edit.git
synced 2026-01-13 15:31:07 +11:00
Compare commits
No commits in common. "f4f4a843e2b9ee49c5d4d2c59c2d0172889dea57" and "c11d628228e8b926964acd27c9d66f48260d4e8d" have entirely different histories.
f4f4a843e2
...
c11d628228
2 changed files with 3 additions and 6 deletions
|
|
@ -166,7 +166,7 @@ const toggleCard = () => (isCardShown.value = !isCardShown.value)
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<button
|
<button
|
||||||
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"
|
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"
|
||||||
@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-[#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"
|
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"
|
||||||
@click="handleSubmit(item.value)"
|
@click="handleSubmit(item.value)"
|
||||||
>
|
>
|
||||||
<span>{{ item.label }}</span>
|
<span>{{ item.label }}</span>
|
||||||
|
|
|
||||||
|
|
@ -68,9 +68,6 @@ 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()
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
@ -383,7 +380,7 @@ export function useTheme() {
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
// Ensure theme is applied on mount
|
// Ensure theme is applied on mount
|
||||||
handler.applyTheme()
|
handler.setMode(handler.getMode())
|
||||||
})
|
})
|
||||||
|
|
||||||
return {
|
return {
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue