header: move theme toggle to left
This commit is contained in:
parent
cea75c8f14
commit
eed3d4e888
2 changed files with 15 additions and 4 deletions
|
@ -1,17 +1,20 @@
|
|||
<header id="header">
|
||||
<div class="action-container">
|
||||
<div class="action-container action-container--left">
|
||||
<!-- Dark Mode Button -->
|
||||
<label class="switch">
|
||||
<input type="checkbox">
|
||||
<span class="slider round"></span>
|
||||
</label>
|
||||
<a class="rss" href="/atom.xml" target="_blank"><img class="rss-icon" src="/img/rss_1.png" alt="ATOM Feed" title="ATOM Feed" /></a>
|
||||
</div>
|
||||
|
||||
<a href="{{ site.baseurl }}">
|
||||
<img class="logo" src="{{ "/img/revuo-monero-logo.png" | prepend: site.baseurl | replace: '//', '/' }}" alt="Revuo Monero Logo">
|
||||
</a>
|
||||
|
||||
<div class="action-container action-container--right">
|
||||
<a class="rss" href="/atom.xml" target="_blank"><img class="rss-icon" src="/img/rss_1.png" alt="ATOM Feed" title="ATOM Feed" /></a>
|
||||
</div>
|
||||
|
||||
<div class="revuo-classes">
|
||||
<a href="{{ site.baseurl }}" class="wk">Weekly</a>
|
||||
<a href="/periodicals/" class="pd">Periodical</a>
|
||||
|
|
|
@ -109,14 +109,22 @@ time.by-line {
|
|||
}
|
||||
|
||||
#header .action-container {
|
||||
&--left {
|
||||
left: 25px;
|
||||
top: 35px;
|
||||
}
|
||||
|
||||
&--right {
|
||||
right: 80px;
|
||||
top: 35px;
|
||||
}
|
||||
|
||||
align-items: center;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
gap: 12px;
|
||||
height: 36px;
|
||||
position: absolute;
|
||||
right: 80px;
|
||||
top: 35px;
|
||||
}
|
||||
|
||||
#header a.rss {
|
||||
|
|
Loading…
Reference in a new issue