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:
@@ -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>;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user