0
0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-08 18:22:40 +00:00

Update LockBrew text and styling

This commit is contained in:
G.Ambatte
2024-06-08 18:55:14 +12:00
parent 01ae858a14
commit deef5998c5
2 changed files with 90 additions and 35 deletions

View File

@@ -85,32 +85,60 @@ const LockBrew = createClass({
render : function() { render : function() {
return <div className='lockBrew'> return <div className='lockBrew'>
<h2>Lock Brew</h2> <div className='lockForm'>
<form onSubmit={this.submit}> <h2>Lock Brew</h2>
<label> <form onSubmit={this.submit}>
ID: <label>
{this.renderInput('brewId')} ID:
</label> {this.renderInput('brewId')}
<br /> </label>
<label> <br />
Error Code: <label>
{this.renderInput('code')} Error Code:
</label> {this.renderInput('code')}
<br /> </label>
<label> <br />
Edit Message: <label>
{this.renderInput('editMessage')} Edit Message:
</label> {this.renderInput('editMessage')}
<br /> </label>
<label> <br />
Share Message: <label>
{this.renderInput('shareMessage')} Share Message:
</label> {this.renderInput('shareMessage')}
<br /> </label>
<label> <br />
<input type='submit' /> <label>
</label> <input type='submit' />
</form> </label>
</form>
</div>
<div className='lockSuggestions'>
<h2>Suggestions</h2>
<div className='lockCodes'>
<h3>Codes</h3>
<ul>
<li>455 - Generic Lock</li>
<li>456 - Copyright issues</li>
<li>457 - Confidential Information Leakage</li>
<li>458 - Sensitive Personal Information</li>
<li>459 - Defamation or Libel</li>
<li>460 - Hate Speech or Discrimination</li>
<li>461 - Illegal Activities</li>
<li>462 - Malware or Phishing</li>
<li>463 - Plagiarism</li>
<li>465 - Misrepresentation</li>
<li>466 - Inappropriate Content</li>
</ul>
</div>
<div className='lockMessages'>
<h3>Messages</h3>
<ul>
<li><b>Edit Message:</b> This is the private message that is ONLY displayed to the authors of the locked brew. This message MUST specify exactly what actions must be taken in order to have the brew unlocked.</li>
<li><b>Share Message:</b> This is the public message that is displayed to the EVERYONE that attempts to view the locked brew.</li>
</ul>
</div>
</div>
</div>; </div>;
} }
}); });

View File

@@ -1,13 +1,40 @@
.lockTools { .lockTools {
.lockBrew label { .lockBrew {
width: 50%; columns: 2;
display: inline-block;
text-align: right; .lockForm {
line-height: 1.5em; break-inside: avoid;
input {
float: right; label {
width: 70%; width: 100%;
margin-left: 10px; display: inline-block;
text-align: right;
line-height: 1.5em;
input {
float: right;
width: 70%;
margin-left: 10px;
}
}
}
.lockSuggestions {
break-inside: avoid;
columns: 2;
line-height: 1.2em;
h2 {
column-span: all;
}
h3 {
margin-top: 0px;
}
b {
font-weight: 600;
}
.lockCodes {
break-inside: avoid;
}
} }
} }