Commit 93dba3fa authored by Zéfling's avatar Zéfling 🎨

Fix demo for Blink Browsers

parent ce8dfa4f
......@@ -5,6 +5,7 @@
<form>
<fieldset class="source-fieldset">
<legend>Base</legend>
<div>
<label>Color: <input type="text"
[(value)]="baseColor"
(change)="baseColor = $event.target.value"
......@@ -14,10 +15,11 @@
*ngIf="baseColor">
<div [style.background-color]="baseColor">&nbsp;</div>
</div>
</div>
</fieldset>
<fieldset class="additionnal">
<legend>Additionnal</legend>
<div>
<div class="luminosity">
<label> <span>Luminosity [-1; 1]:</span><input type="number"
min="-1.000"
......@@ -101,11 +103,13 @@
<button type="button"
(click)="change()">Change</button>
</div>
</div>
</fieldset>
</form>
<aside>
<fieldset class="result-fieldset">
<legend>Result</legend>
<div>
<div class="result">
<div [style.background-image]="gradient">
&nbsp;
......@@ -132,6 +136,7 @@
<div [style.background-color]="colorHsl">&nbsp;</div>
</div>
</div>
</div>
</fieldset>
</aside>
</main>
......
......@@ -30,7 +30,7 @@ aside {
padding: 0 15px
}
.additionnal {
.additionnal > div {
display: grid;
width: 100%;
grid-template:
......@@ -106,7 +106,7 @@ button {
}
}
.source-fieldset {
.source-fieldset > div {
display: flex;
}
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment