mirror of
https://github.com/monkeytypegame/monkeytype.git
synced 2024-09-20 15:26:15 +08:00
fixed custom theme layout bug
This commit is contained in:
parent
a0671ec1eb
commit
fe20ffda88
|
@ -2707,6 +2707,10 @@ key {
|
|||
overflow: revert;
|
||||
height: auto;
|
||||
|
||||
&.customTheme {
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
|
||||
.text {
|
||||
align-self: center;
|
||||
}
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in a new issue