FIX_403 HD images
This commit is contained in:
parent
72fb9e928f
commit
a99b045a33
@ -41,11 +41,20 @@
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.error-illustration-frame {
|
||||||
|
display: inline-block;
|
||||||
|
max-width: 100%;
|
||||||
|
line-height: 0;
|
||||||
|
margin: 0 auto 24px auto;
|
||||||
|
}
|
||||||
|
|
||||||
.error-image {
|
.error-image {
|
||||||
width: min(100%, 560px);
|
|
||||||
height: auto;
|
|
||||||
display: block;
|
display: block;
|
||||||
margin: 0 auto 10px auto;
|
width: 446px;
|
||||||
|
height: auto;
|
||||||
|
max-width: 100%;
|
||||||
|
max-height: 52vh;
|
||||||
|
object-fit: contain;
|
||||||
}
|
}
|
||||||
|
|
||||||
.error-title {
|
.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);
|
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;
|
margin-bottom: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -113,7 +122,15 @@
|
|||||||
|
|
||||||
<body>
|
<body>
|
||||||
<main class="error-wrapper">
|
<main class="error-wrapper">
|
||||||
<img class="error-image" src="<?= base_url()."public"; ?>/assets/images/errors/403_illustration.png" alt="403 access denied">
|
<div class="error-illustration-frame">
|
||||||
|
<img class="error-image"
|
||||||
|
src="<?= base_url()."public"; ?>/assets/images/errors/403_illustration.png"
|
||||||
|
width="446"
|
||||||
|
height="415"
|
||||||
|
decoding="async"
|
||||||
|
fetchpriority="high"
|
||||||
|
alt="403 access forbidden">
|
||||||
|
</div>
|
||||||
<h1 class="error-title">ACCESS DENIED</h1>
|
<h1 class="error-title">ACCESS DENIED</h1>
|
||||||
<p class="error-subtitle">
|
<p class="error-subtitle">
|
||||||
<?= isset($message) && !empty($message) ? $message : "You don't have permission to access this page." ?>
|
<?= isset($message) && !empty($message) ? $message : "You don't have permission to access this page." ?>
|
||||||
|
|||||||
Binary file not shown.
|
Before Width: | Height: | Size: 122 KiB After Width: | Height: | Size: 30 KiB |
Loading…
Reference in New Issue
Block a user