fixed custom theme layout bug

This commit is contained in:
Miodec 2021-03-18 23:48:41 +00:00
parent a0671ec1eb
commit fe20ffda88
2 changed files with 13 additions and 9 deletions

View file

@ -2707,6 +2707,10 @@ key {
overflow: revert;
height: auto;
&.customTheme {
margin-top: 0.5rem;
}
.text {
align-self: center;
}

View file

@ -2890,27 +2890,27 @@
tabContent="custom"
class="tabContent section customTheme hidden"
>
<label class="text">background</label>
<label class="colorText">background</label>
<span class="colorPicker">
<label for="--bg-color">#000000</label>
<input type="color" value="#000000" id="--bg-color" />
</span>
<label class="text">main</label>
<label class="colorText">main</label>
<span class="colorPicker">
<label for="--main-color">#000000</label>
<input type="color" value="#000000" id="--main-color" />
</span>
<label class="text">caret</label>
<label class="colorText">caret</label>
<span class="colorPicker">
<label for="--caret-color">#000000</label>
<input type="color" value="#000000" id="--caret-color" />
</span>
<label class="text">sub</label>
<label class="colorText">sub</label>
<span class="colorPicker">
<label for="--sub-color">#000000</label>
<input type="color" value="#000000" id="--sub-color" />
</span>
<label class="text">text</label>
<label class="colorText">text</label>
<span class="colorPicker">
<label for="--text-color">#000000</label>
<input type="color" value="#000000" id="--text-color" />
@ -2918,12 +2918,12 @@
<span class="spacer"></span>
<label class="text">error</label>
<label class="colorText">error</label>
<span class="colorPicker">
<label for="--error-color">#000000</label>
<input type="color" value="#000000" id="--error-color" />
</span>
<label class="text">extra error</label>
<label class="colorText">extra error</label>
<span class="colorPicker">
<label for="--error-extra-color">#000000</label>
<input
@ -2935,7 +2935,7 @@
<p>colorful mode</p>
<label class="text">error</label>
<label class="colorText">error</label>
<span class="colorPicker">
<!-- Change variable names here -->
<label for="--colorful-error-color">#000000</label>
@ -2945,7 +2945,7 @@
id="--colorful-error-color"
/>
</span>
<label class="text">extra error</label>
<label class="colorText">extra error</label>
<span class="colorPicker">
<!-- Change variable names here -->
<label for="--colorful-error-extra-color">#000000</label>