diff --git a/app/Views/errors/403.php b/app/Views/errors/403.php
index 50d13e13..a76bcf1f 100755
--- a/app/Views/errors/403.php
+++ b/app/Views/errors/403.php
@@ -41,11 +41,20 @@
text-align: center;
}
+ .error-illustration-frame {
+ display: inline-block;
+ max-width: 100%;
+ line-height: 0;
+ margin: 0 auto 24px auto;
+ }
+
.error-image {
- width: min(100%, 560px);
- height: auto;
display: block;
- margin: 0 auto 10px auto;
+ width: 446px;
+ height: auto;
+ max-width: 100%;
+ max-height: 52vh;
+ object-fit: contain;
}
.error-title {
@@ -98,7 +107,7 @@
background-image: radial-gradient(circle at 0 0, rgba(87, 233, 255, 0.12) 0, rgba(87, 233, 255, 0.12) 120px, transparent 120px), radial-gradient(circle at 100% 100%, rgba(87, 233, 255, 0.12) 0, rgba(87, 233, 255, 0.12) 140px, transparent 140px);
}
- .error-image {
+ .error-illustration-frame {
margin-bottom: 20px;
}
@@ -113,7 +122,15 @@
-
/assets/images/errors/403_illustration.png" alt="403 access denied">
+
+
.)
/assets/images/errors/403_illustration.png"
+ width="446"
+ height="415"
+ decoding="async"
+ fetchpriority="high"
+ alt="403 access forbidden">
+
ACCESS DENIED
= isset($message) && !empty($message) ? $message : "You don't have permission to access this page." ?>
diff --git a/public/assets/images/errors/403_illustration.png b/public/assets/images/errors/403_illustration.png
index 1c277537..be1912c3 100644
Binary files a/public/assets/images/errors/403_illustration.png and b/public/assets/images/errors/403_illustration.png differ