docs/img2brush: limit height of output, update wording

This commit is contained in:
Starbeamrainbowlabs 2023-12-20 00:07:24 +00:00
parent 2722a190f4
commit 37821f11d5
No known key found for this signature in database
GPG Key ID: 1BE5172E637709C2
2 changed files with 16 additions and 0 deletions

@ -442,6 +442,16 @@ footer {
border: 0.2em solid var(--cat-colour);
}
.note, .tip, .important, .warning, .caution {
padding: 0.4em 0.6em;
}
.note { border-left: 0.2em solid #31a0fc; background: #31a1fc1f; }
.tip { border-left: 0.2em solid #25cb1c; background: #31fc491f; }
.important { border-left: 0.2em solid #911ccb; background: #bc31fc1f; }
.warning { border-left: 0.2em solid #e0b840; background: #efc7461f; }
.caution { border-left: 0.2em solid #e04040; background: #ef5f461f; }
.contributor-list {
list-style-type: none;
@ -486,3 +496,8 @@ footer {
animation: move-diagonal 5s linear infinite;
}
#brushimg-preview { flex: 1; }
#brushimg-tsv {
display: block;
max-height: 90vh;
overflow: scroll;
}

@ -17,6 +17,7 @@ title: Image to brush converter
</select>
</p>
<p>Only the selected channel is used to determine the weight of the brush - <strong>all other channels are ignored</strong>! Change the channel option <strong>before</strong> you drag + drop the image onto this page.</p>
<p class="note">Greyscale images are converted to RGB, so <em>red</em>, <em>green</em>, and <em>blue</em> all have the same effect on such images.</p>
</section>
<section id="dropzone" class="bigbox panel-generic">