reonokiy/blog
1
0
Fork 0
mirror of https://github.com/reonokiy/blog.nokiy.net.git synced 2025-06-16 11:41:17 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: theme transition error on ios

Browse source
This commit is contained in:
radishzzz 2025-02-05 17:07:45 +00:00
parent 45385fd84a
commit 93eca1fa7a
6 changed files with 23 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/styles/global.css
View file

@ -5,9 +5,7 @@
}
html {
--at-apply: 'bg-background c-secondary text-62.5% antialiased scroll-smooth';
scrollbar-width: none;
-ms-overflow-style: none;
--at-apply: 'bg-background c-secondary text-62.5% antialiased scroll-smooth scrollbar-hidden';
}
html::-webkit-scrollbar {
@ -15,10 +13,7 @@ html::-webkit-scrollbar {
}
body {
--at-apply: 'text-1.6rem';
/* Fix for iOS browser flash issue */
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
--at-apply: 'text-1.6rem ios-flash-fix';
}
h1 {
@ -46,10 +41,8 @@ h6 {
}
article img {
--at-apply: 'cursor-zoom-in';
/* Optimize animation performance of Scrollbar */
transform: translateZ(0);
-webkit-transform: translateZ(0);
--at-apply: 'cursor-zoom-in ios-flash-fix';
}
/* Horizontal reveal animation on theme toggle */
@ -84,7 +77,7 @@ html[data-theme-transition] [data-disable-transition-on-theme] {
@supports not (view-transition-name: none) {
html:not([data-restore-theme]) {
--at-apply: 'transition-colors duration-500 ease-in-out';
--at-apply: 'transition-colors duration-300 ease-in-out';
}
html:not([data-restore-theme]) [data-disable-transition-on-theme] {