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

test: ios flash issue

Browse source 
- Remove unnecessary scrollbar styles and consolidate scrollbar hiding
- Add performance optimizations for body and image rendering
- Improve backface visibility and transform properties
- Remove commented-out media query code
This commit is contained in:
radishzzz 2025-01-26 04:07:43 +00:00
parent ae39d7b08c
commit e513b78c66
1 changed files with 12 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

30
src/styles/global.css
View file

@ -4,17 +4,19 @@
--uno-colors-background: theme('colors.background'); --uno-colors-background: theme('colors.background');
} }
html { html {
--at-apply: 'scroll-smooth antialiased text-62.5% bg-background c-secondary '; --at-apply: 'bg-background c-secondary scroll-smooth antialiased text-62.5%';
}
body {
--at-apply: 'text-1.6rem';
}
* {
scrollbar-width: none; scrollbar-width: none;
-ms-overflow-style: none; -ms-overflow-style: none;
} }
::-webkit-scrollbar { html::-webkit-scrollbar {
display: none; --at-apply: 'hidden w-0 h-0';
}
body {
--at-apply: 'text-1.6rem';
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
transform: translateZ(0);
-webkit-transform: translateZ(0);
} }
h1, h2, h3 { h1, h2, h3 {
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
@ -39,6 +41,7 @@ h6 {
} }
article img { article img {
cursor: zoom-in; cursor: zoom-in;
transform: translateZ(0);
} }
/* Horizontal reveal animation on theme toggle */ /* Horizontal reveal animation on theme toggle */
@keyframes reveal { @keyframes reveal {
@ -66,14 +69,3 @@ html:not(.dark) {
--at-apply: 'transition-colors duration-500 ease-in-out'; --at-apply: 'transition-colors duration-500 ease-in-out';
} }
} }
/* iOS browsers flash issue fix */
/* @media (prefers-color-scheme: dark) {
html {
background: #111;
}
}
@media (prefers-color-scheme: light) {
html {
background: #f0f0f0;
}
} */