header: move theme toggle to left

This commit is contained in:
Garrit Franke 2022-04-12 15:59:37 +02:00
parent cea75c8f14
commit eed3d4e888
No known key found for this signature in database
GPG key ID: 65586C4DDA55EA2C
2 changed files with 15 additions and 4 deletions

View file

@ -1,17 +1,20 @@
<header id="header"> <header id="header">
<div class="action-container"> <div class="action-container action-container--left">
<!-- Dark Mode Button --> <!-- Dark Mode Button -->
<label class="switch"> <label class="switch">
<input type="checkbox"> <input type="checkbox">
<span class="slider round"></span> <span class="slider round"></span>
</label> </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> </div>
<a href="{{ site.baseurl }}"> <a href="{{ site.baseurl }}">
<img class="logo" src="{{ "/img/revuo-monero-logo.png" | prepend: site.baseurl | replace: '//', '/' }}" alt="Revuo Monero Logo"> <img class="logo" src="{{ "/img/revuo-monero-logo.png" | prepend: site.baseurl | replace: '//', '/' }}" alt="Revuo Monero Logo">
</a> </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"> <div class="revuo-classes">
<a href="{{ site.baseurl }}" class="wk">Weekly</a> <a href="{{ site.baseurl }}" class="wk">Weekly</a>
<a href="/periodicals/" class="pd">Periodical</a> <a href="/periodicals/" class="pd">Periodical</a>

View file

@ -109,14 +109,22 @@ time.by-line {
} }
#header .action-container { #header .action-container {
&--left {
left: 25px;
top: 35px;
}
&--right {
right: 80px;
top: 35px;
}
align-items: center; align-items: center;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
gap: 12px; gap: 12px;
height: 36px; height: 36px;
position: absolute; position: absolute;
right: 80px;
top: 35px;
} }
#header a.rss { #header a.rss {