Added style to theme button
This commit is contained in:
parent
70301cab72
commit
f079f48c38
|
@ -34,12 +34,11 @@
|
|||
<span class="name pull-end" data-ls-bind="{{account.name}}"></span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="pull-end margin-end">
|
||||
<button data-general-theme class="link trans text-fade">
|
||||
<i class="icon-sun-inv force-dark"></i>
|
||||
<i class="icon-moon-inv force-light"></i>
|
||||
|
||||
<div class="pull-end margin-end-tiny switch-theme">
|
||||
<button data-general-theme>
|
||||
<i class="icon-sun-inv force-light"></i>
|
||||
<i class="icon-moon-inv force-dark"></i>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
|
2
public/dist/styles/default-ltr.css
vendored
2
public/dist/styles/default-ltr.css
vendored
File diff suppressed because one or more lines are too long
2
public/dist/styles/default-rtl.css
vendored
2
public/dist/styles/default-rtl.css
vendored
File diff suppressed because one or more lines are too long
|
@ -1152,4 +1152,40 @@ ol {
|
|||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.switch-theme {
|
||||
background: var(--config-color-fade);
|
||||
border-radius: 19px;
|
||||
height: 32px;
|
||||
width: 44px;
|
||||
margin: 6px 0;
|
||||
|
||||
button {
|
||||
padding: 3px;
|
||||
display: block;
|
||||
background: transparent;
|
||||
height: 32px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
i {
|
||||
background: var(--config-color-background-fade);
|
||||
border-radius: 50%;
|
||||
height: 26px;
|
||||
width: 26px;
|
||||
line-height: 26px;
|
||||
font-size: 12px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
color: var(--config-color-normal);
|
||||
|
||||
&.force-light {
|
||||
.pull-end;
|
||||
}
|
||||
|
||||
&.force-dark {
|
||||
.pull-start;
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Reference in a new issue