desu/marinesco
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Embrace updated error page

Browse source
This commit is contained in:
Dmitry Isaenko 2024-01-20 18:10:46 +03:00
parent 223fe0c4fb
commit a496e05642
2 changed files with 78 additions and 35 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

41
src/main/resources/static/styles/styles.css
View file

@ -111,6 +111,7 @@ header {
float: right; float: right;
padding: 0%; padding: 0%;
} }
#header_menu_block { #header_menu_block {
list-style-type: none; list-style-type: none;
list-style-image: none; list-style-image: none;
@ -172,9 +173,11 @@ header {
.header_logo_link:link { .header_logo_link:link {
color: #74bfbd; color: #74bfbd;
} }
.header_logo_link:visited { .header_logo_link:visited {
color: #74bfbd; color: #74bfbd;
} }
.header_logo_link:hover { .header_logo_link:hover {
color: #74bfbd; color: #74bfbd;
} }
@ -270,11 +273,13 @@ button:hover {
margin-top: 20px; margin-top: 20px;
width: 100%; width: 100%;
} }
.inner_footer { .inner_footer {
padding: 10px; padding: 10px;
display: block; display: block;
float: right; float: right;
} }
.copy_link { .copy_link {
font-family: Spectral; font-family: Spectral;
text-shadow: -1px -1px 0 #1e1e1e, 1px -1px 0 #1e1e1e, -1px 1px 0 #1e1e1e, 1px 1px 0 #1e1e1e; text-shadow: -1px -1px 0 #1e1e1e, 1px -1px 0 #1e1e1e, -1px 1px 0 #1e1e1e, 1px 1px 0 #1e1e1e;
@ -282,6 +287,27 @@ button:hover {
} }
/* error */ /* error */
.error_wrapper{
margin: auto;
height: 100%;
}
.error_inner_wrapper {
display: flex;
flex-direction: column;
align-items: center;
}
.error_element1{
flex: 1 1 auto;
display: flex;
align-items: center;
}
.error_element2{
flex: 10 1 auto;
display: flex;
align-items: center;
}
.error { .error {
text-align: center; text-align: center;
background: #283338; background: #283338;
@ -292,7 +318,15 @@ button:hover {
} }
.bli { .bli {
padding: 3px; display: flex;
font-size: 4em;
padding-left: 50px;
padding-right: 50px;
padding-top: 2px;
padding-bottom: 2px;
height: fit-content;
width: auto;
align-items: center;
background-color: #D00000; background-color: #D00000;
} }
@ -304,10 +338,12 @@ button:hover {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
} }
.horizontal_el_left { .horizontal_el_left {
flex: 1; flex: 1;
padding-right: 2px; padding-right: 2px;
} }
.horizontal_el_right { .horizontal_el_right {
flex: 1; flex: 1;
padding-left: 2px; padding-left: 2px;
@ -318,18 +354,21 @@ button:hover {
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center; justify-content: center;
} }
.item0 { .item0 {
padding-right: 5px; padding-right: 5px;
padding-left: 5px; padding-left: 5px;
flex-grow: 0; flex-grow: 0;
flex-basis: 15%; flex-basis: 15%;
} }
.item1 { .item1 {
flex-grow: 0; flex-grow: 0;
padding-right: 5px; padding-right: 5px;
padding-left: 5px; padding-left: 5px;
flex-basis: 350px; flex-basis: 350px;
} }
/* Book page */ /* Book page */
.title { .title {
font-weight: bold; font-weight: bold;

14
src/main/resources/templates/error.html
View file

@ -10,13 +10,17 @@
</head> </head>
<body> <body>
<div class='error'> <div class="wrapper error_wrapper">
<div class="error_inner_wrapper">
<div class="error_element1">
<a href="/"> <a href="/">
<img height="65px" th:src="@{/images/s_logo.svg}" alt="Marinesco"> <img height="60px" th:src="@{/images/s_logo.svg}" alt="Marinesco">
</a> </a>
<p> </div>
ОШИБКА <span class='bli' th:text="${code}"></span> <div class="error_element2">
</p> <div class="bli" th:text="${code}"></div>
</div>
</div>
</div> </div>
</body> </body>