Qortal/qortal-ui
4
1
Fork 4
mirror of https://github.com/Qortal/qortal-ui.git synced 2025-02-11 17:55:51 +00:00
Code Issues Projects Releases Wiki Activity

Fix layout

Browse Source
This commit is contained in:
AlphaX-Projects 2022-03-08 11:50:47 +01:00 committed by GitHub
parent b36608ed00
commit cab77873dd
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
qortal-ui-core/src/components/qort-theme-toggle.js
View File

@ -47,8 +47,9 @@ class QortThemeToggle extends LitElement {
height: 16px;
top: 50%;
transform: translateY(-50%);
background-color: var(--switchbackground);
border: 2px solid var(--switchborder);
border-radius: 1rem;
background-color: var(--graylight);
transition: all .4s ease;
}
@ -58,8 +59,8 @@ class QortThemeToggle extends LitElement {
display: inline-block;
position: absolute;
top: 50%;
background: var(--graylight);
border: 2px solid var(--gray);
background: var(--switchbackground);
border: 2px solid var(--switchborder);
border-radius: 50%;
transition: transform 300ms ease;
}
@ -70,7 +71,7 @@ class QortThemeToggle extends LitElement {
input:checked ~ .icon,
:host([theme="dark"]) .icon {
transform: translate(calc(100% - 18px), -50%);
transform: translate(calc(100% - 12px), -50%);
}
.moon {
@ -131,4 +132,4 @@ class QortThemeToggle extends LitElement {
}
}
window.customElements.define('qort-theme-toggle', QortThemeToggle);
window.customElements.define('qort-theme-toggle', QortThemeToggle);