arthur/artsite
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/artsite.git synced 2026-01-14 15:54:13 +01:00
Code Issues 1 Packages Projects Releases Wiki Activity

fix: center theme toggle shortcut position for better user experience

Browse Source
This commit is contained in:
Arthur Danjou
2025-07-30 10:49:06 +02:00
parent 574948bbbc
commit 040bad7fa0
1 changed files with 21 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
app/components/ThemeSwitcher.vue
View File

@@ -51,7 +51,7 @@ function toggleDark(event: MouseEvent | { clientX: number, clientY: number }) {
} }
defineShortcuts({ defineShortcuts({
t: () => toggleDark({ clientX: window.innerWidth, clientY: 0 }), t: () => toggleDark({ clientX: window.innerWidth / 2, clientY: window.innerHeight / 2 }),
}) })
</script> </script>
@@ -86,3 +86,23 @@ defineShortcuts({
} }
} }
</i18n> </i18n>
<style>
::view-transition-old(root),
::view-transition-new(root) {
animation: none;
mix-blend-mode: normal;
}
::view-transition-old(root) {
z-index: 1;
}
::view-transition-new(root) {
z-index: 9999;
}
.dark::view-transition-old(root) {
z-index: 9999;
}
.dark::view-transition-new(root) {
z-index: 1;
}
</style>