Radish alpha
r
rad:z371PVmDHdjJucejRoRYJcDEvD5pp
Radicle website including documentation and guides
Radicle
Git
Add space around graphics
Merged did:key:z6MkfgZK...5YMm opened 2 years ago

0.25rem above Mr Cob and above and below the theme switch in the footer.

3 files changed +11 -3 45fd880c fc0bdd0b
modified _includes/header.html
@@ -1,6 +1,6 @@
<header>
  <a href="/">
-
    <img id="logo" src="/assets/images/radicle.svg" width="32" height="32"/>
+
    <img id="logo" src="/assets/images/radicle.svg" width="32" height="32" style="margin-top: 4px"/>
  </a>
  <div class="ticker">
    <div>RADICLE RADICLE RADICLE&nbsp;</div>
modified assets/css/common.css
@@ -80,6 +80,8 @@ body, html {
  background-size: contain;
  width: 1.75rem;
  height: 1.75rem;
+
  margin-top: 0.25rem;
+
  margin-bottom: 0.25rem;
}
:root[data-theme=light] #toggle-theme {
  background-image: url(/assets/images/sun.svg);
modified assets/css/page.css
@@ -190,7 +190,7 @@ body > header {
  text-overflow: hidden;
  flex-wrap: nowrap;
  width: 100%;
-
  height: 1.5rem;
+
  height: 1.75rem;
  min-height: 1.5rem;
  line-height: 1.5rem;
}
@@ -202,11 +202,16 @@ body > footer {
  padding: 0 0.5rem;
  white-space: nowrap;
  width: 100%;
-
  height: 1.5rem;
+
  height: 2rem;
  min-height: 1.5rem;
  line-height: 1.5rem;
}

+
footer {
+
  position: fixed;
+
  bottom: 0;
+
}
+

body > footer > * {
  flex: 1;
  display: flex;
@@ -295,6 +300,7 @@ img.screenshot {
  display: flex;
  width: 100%;
  animation: ticker 120s linear infinite;
+
  margin-top: 2px;
}

.ticker > *:nth-child(even) {