fix(responsive): eliminate horizontal mobile scroll & fix 404 text font size overflow
This commit is contained in:
parent
cf5ab2030d
commit
f22238d6c7
@ -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";
|
||||
}
|
||||
|
||||
|
||||
@ -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" />
|
||||
|
||||
Loading…
Reference in New Issue
Block a user