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;
padding: 0%;
}
#header_menu_block {
list-style-type: none;
list-style-image: none;
@ -172,9 +173,11 @@ header {
.header_logo_link:link {
color: #74bfbd;
}
.header_logo_link:visited {
color: #74bfbd;
}
.header_logo_link:hover {
color: #74bfbd;
}
@ -270,11 +273,13 @@ button:hover {
margin-top: 20px;
width: 100%;
}
.inner_footer {
padding: 10px;
display: block;
float: right;
}
.copy_link {
font-family: Spectral;
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_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 {
text-align: center;
background: #283338;
@ -292,7 +318,15 @@ button:hover {
}
.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;
}
@ -304,10 +338,12 @@ button:hover {
display: flex;
flex-wrap: wrap;
}
.horizontal_el_left {
flex: 1;
padding-right: 2px;
}
.horizontal_el_right {
flex: 1;
padding-left: 2px;
@ -318,18 +354,21 @@ button:hover {
flex-wrap: wrap;
justify-content: center;
}
.item0 {
padding-right: 5px;
padding-left: 5px;
flex-grow: 0;
flex-basis: 15%;
}
.item1 {
flex-grow: 0;
padding-right: 5px;
padding-left: 5px;
flex-basis: 350px;
}
/* Book page */
.title {
font-weight: bold;

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

@ -10,13 +10,17 @@
</head>
<body>
<div class='error'>
<div class="wrapper error_wrapper">
<div class="error_inner_wrapper">
<div class="error_element1">
<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>
<p>
ОШИБКА <span class='bli' th:text="${code}"></span>
</p>
</div>
<div class="error_element2">
<div class="bli" th:text="${code}"></div>
</div>
</div>
</div>
</body>