0
0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-06 14:22:52 +00:00

Add styling to errorPage

This commit is contained in:
Trevor Buckner
2023-06-24 01:46:44 -04:00
parent 32229c6e6e
commit 2775614eab
3 changed files with 36 additions and 7 deletions

View File

@@ -26,10 +26,14 @@ const ErrorPage = createClass({
const errorText = ErrorIndex()[this.props.brew.status.toString()] || '';
return <UIPage brew={{ title: 'Crit Fail!' }}>
<h1>{`Error ${this.props.brew.status || '000'}`}</h1>
<p>{this.props.brew.text || 'No error text'}</p>
<hr />
<div dangerouslySetInnerHTML={{ __html: Markdown.render(errorText) }} />
<div className='dataGroup'>
<div className='errorTitle'>
<h1>{`Error ${this.props.brew.status || '000'}`}</h1>
<h4>{this.props.brew.text || 'No error text'}</h4>
</div>
<hr />
<div dangerouslySetInnerHTML={{ __html: Markdown.render(errorText) }} />
</div>
</UIPage>;
}
});

View File

@@ -1,5 +1,15 @@
.errorPage{
.uiPage{
.errorTitle{
background-color: @orange;
//background-color: @orange;
color: #d02727;
text-align: center;
}
.content {
h1, h2, h3, h4 {
border-bottom: none;
}
hr {
border-bottom: 2px solid slategrey;
}
}
}