discours.io/webapp
5
0
Fork 0
Code Issues Pull Requests Actions Projects Wiki Activity

Fixed error page height

Browse Source
This commit is contained in:
kvakazyambra 2023-08-28 01:26:39 +03:00
parent ce69b9318f
commit 0ec7e5ceed
2 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Views/FourOuFour.tsx
View File

@ -8,7 +8,7 @@ export const FourOuFourView = (_props) => {
return ( return (
<div class={styles.errorPageWrapper}> <div class={styles.errorPageWrapper}>
<div class={styles.errorPage}> <div class={styles.errorPage}>
<div class="container"> <div class="wide-container">
<div class="row"> <div class="row">
<div class="col-md-14 offset-md-6 col-lg-12"> <div class="col-md-14 offset-md-6 col-lg-12">
<a href="/" class="image-link"> <a href="/" class="image-link">

4
src/styles/FourOuFour.module.scss
View File

@ -1,12 +1,13 @@
.errorPageWrapper { .errorPageWrapper {
height: 100vh; height: 100vh;
margin: -120px 0 -2em;
padding-top: 100px; padding-top: 100px;
} }
.errorPage { .errorPage {
position: relative; position: relative;
top: 35%; top: 35%;
transform: translateY(-45%); transform: translateY(-50%);
.image-link:hover { .image-link:hover {
background: none; background: none;
@ -36,6 +37,7 @@
.errorImage { .errorImage {
display: block; display: block;
margin: auto; margin: auto;
max-height: 60vh;
width: 85%; width: 85%;
} }