0
0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2025-12-25 22:42:41 +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() {
return <div className='lockBrew'>
<h2>Lock Brew</h2>
<form onSubmit={this.submit}>
<label>
ID:
{this.renderInput('brewId')}
</label>
<br />
<label>
Error Code:
{this.renderInput('code')}
</label>
<br />
<label>
Edit Message:
{this.renderInput('editMessage')}
</label>
<br />
<label>
Share Message:
{this.renderInput('shareMessage')}
</label>
<br />
<label>
<input type='submit' />
</label>
</form>
<div className='lockForm'>
<h2>Lock Brew</h2>
<form onSubmit={this.submit}>
<label>
ID:
{this.renderInput('brewId')}
</label>
<br />
<label>
Error Code:
{this.renderInput('code')}
</label>
<br />
<label>
Edit Message:
{this.renderInput('editMessage')}
</label>
<br />
<label>
Share Message:
{this.renderInput('shareMessage')}
</label>
<br />
<label>
<input type='submit' />
</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>;
}
});

View File

@@ -1,13 +1,40 @@
.lockTools {
.lockBrew label {
width: 50%;
display: inline-block;
text-align: right;
line-height: 1.5em;
input {
float: right;
width: 70%;
margin-left: 10px;
.lockBrew {
columns: 2;
.lockForm {
break-inside: avoid;
label {
width: 100%;
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;
}
}
}