fix(responsive): eliminate horizontal mobile scroll & fix 404 text font size overflow

This commit is contained in:
parsa aghaei 2026-08-03 10:26:02 +03:30
parent cf5ab2030d
commit f22238d6c7
2 changed files with 4 additions and 4 deletions

View File

@ -102,9 +102,9 @@
font-family: "Vazirmatn" !important;
}
html, body, #root {
html, body {
font-family: "Vazirmatn" !important;
@apply bg-medical-gray-50 text-medical-gray-900 antialiased max-w-[100vw];
@apply bg-medical-gray-50 text-medical-gray-900 antialiased max-w-[100vw] overflow-x-hidden;
font-feature-settings: "ss01", "ss02", "cv01", "cv11";
}

View File

@ -9,8 +9,8 @@ export const NotFoundPage = () => {
return (
<div className="min-h-[80vh] flex items-center justify-center p-6" dir="rtl">
<div className="max-w-lg w-full text-center">
<div className="relative mb-12">
<div className="text-[15rem] font-black text-medical-gray-100 leading-none select-none">۴۰۴</div>
<div className="relative mb-12 overflow-hidden">
<div className="text-[7rem] sm:text-[15rem] font-black text-medical-gray-100 leading-none select-none">۴۰۴</div>
<div className="absolute inset-0 flex items-center justify-center">
<div className="w-32 h-32 bg-white rounded-[3rem] shadow-2xl flex items-center justify-center">
<FileQuestion className="w-16 h-16 text-canina-blue" />