Improve styles

This commit is contained in:
Paulo Gustavo Veiga 2022-01-10 19:49:06 -08:00
parent b1b8dde547
commit decc76015c
4 changed files with 37 additions and 13 deletions

View File

@ -89,10 +89,10 @@ BLOG_SNIPPET=Copy this snippet of code to embed in your blog or page
ZOOM=Zoom ZOOM=Zoom
HISTORY=History HISTORY=History
SHARE=Share SHARE=Share
UNEXPECTED_ERROR=Outch!!. An unexpected error has occurred. UNEXPECTED_ERROR=An unexpected error has occurred.
UNEXPECTED_ERROR_DETAILS=We're sorry, an error has occurred and we can't process your request. Please try again, or go to the home page. UNEXPECTED_ERROR_DETAILS=We're sorry, an error has occurred and we can't process your request. Please try again, or go to the home page.
UNEXPECTED_ERROR_SERVER_ERROR=We're sorry, an error has occurred and we can't process your request. Refresh the page and try again. If the problem persist, click below on "Raise An Issue" to open a ticket. UNEXPECTED_ERROR_SERVER_ERROR=We're sorry, an error has occurred and we can't process your request. Refresh the page and try again. If the problem persist, click below on "Raise An Issue" to open a ticket.
NO_ENOUGH_PERMISSIONS=Outch!!. This map is not available anymore. NO_ENOUGH_PERMISSIONS=This map is not available anymore.
NO_ENOUGH_PERMISSIONS_DETAILS=You do not have enough right access to see this map. This map has been changed to private or deleted. NO_ENOUGH_PERMISSIONS_DETAILS=You do not have enough right access to see this map. This map has been changed to private or deleted.
IMPORT_MINDMAP_INFO=You can import FreeMind 1.0.1 and WiseMapping maps to your list of maps. Select the file you want to import. IMPORT_MINDMAP_INFO=You can import FreeMind 1.0.1 and WiseMapping maps to your list of maps. Select the file you want to import.
PRINT=Print PRINT=Print

View File

@ -1,27 +1,42 @@
@import "compatibility.less"; @import "compatibility.less";
div#errorContainer { div#errorContainer {
padding: 200px; font-family:Helvetica;
height: 100vh; display: flex;
background-color: rgb(252, 235, 192); padding: 200px 80px;
text-align:center
} }
div#errorContainer > h1 { h1 {
padding-top: 200px; color: #696969;
font-weight: bold;
font-size:100px;
}
h2 {
color: rgb(241, 163, 39); color: rgb(241, 163, 39);
font-size: 40px; font-size: 40px;
} }
div#errorContainer > p { p {
font-size: 25px; font-size: 25px;
} }
div#icon {
padding-top: 100px;
background-image: url(../../images/logo-icon.svg);
height: 150px;
background-size: cover;
}
div#bottom-logo { div#bottom-logo {
position: fixed; position: fixed;
right: 20px; right: 20px;
bottom: 10px; bottom: 10px;
background: url(../../images/editor/logo-text-black.svg) no-repeat; background: url(../../images/logo-text-black.svg) no-repeat;
width: 90px; width: 90px;
height: 40px; height: 40px;
} }
.column {
flex: 50%;
}

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 7.0 KiB

View File

@ -32,12 +32,18 @@
</head> </head>
<body> <body>
<div id="errorContainer"> <div id="errorContainer">
<h1> <div class='col'>
<h1>Opps !</h1>
<h2>
<spring:message code="${requestScope.title}"/> <spring:message code="${requestScope.title}"/>
</h2> </h2>
<p> <p>
<spring:message code="${requestScope.details}"/> <spring:message code="${requestScope.details}"/>
</p> </p>
</div>
<div class='column'>
<div id="icon"></div>
</div>
</div> </div>
<div id="bottom-logo"></div> <div id="bottom-logo"></div>
</body> </body>