fix: text cut issue on ios

This commit is contained in:
radishzzz 2025-02-10 02:43:46 +00:00
parent 6cd298c756
commit 3d2cec7908
3 changed files with 297 additions and 297 deletions

View file

@ -53,7 +53,7 @@
"@unocss/eslint-plugin": "^65.4.3",
"@unocss/preset-attributify": "^65.4.3",
"astro-eslint-parser": "^1.2.1",
"eslint": "^9.19.0",
"eslint": "^9.20.0",
"eslint-plugin-astro": "^1.3.1",
"lint-staged": "^15.4.3",
"mdast-util-to-string": "^4.0.0",

585
pnpm-lock.yaml generated

File diff suppressed because it is too large Load diff

View file

@ -41,8 +41,10 @@ h6 {
}
article img {
--at-apply: 'cursor-zoom-in';
/* Optimize animation performance of Scrollbar */
--at-apply: 'cursor-zoom-in ios-flash-fix';
transform: translateZ(0);
-webkit-transform: translateZ(0);
}
/* Horizontal reveal animation on theme toggle */
@ -73,6 +75,9 @@ html:not(.dark) {
html[data-theme-transition] [data-disable-transition-on-theme] {
view-transition-name: none !important;
/* Fix text cut issue on iOS */
transform: translateZ(0);
-webkit-transform: translateZ(0);
}
@supports not (view-transition-name: none) {