Radish alpha
r
radicle.xyz
rad:z371PVmDHdjJucejRoRYJcDEvD5pp
Radicle website including documentation and guides
Radicle
Git
Commits › fc0bdd0
Add space around graphics, fix the footer
dnlklmn committed 1 year ago
commit fc0bdd0b60f1c6ec723cfdd491fca68e71f3d348
parent 45fd880
3 files changed +12 -3
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
@@ -231,7 +231,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;

}
@@ -243,11 +243,17 @@ 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;
+ 
  background-color: var(--color-bg-default);
+ 
  bottom: 0;
+ 
}
+ 


body > footer > * {

  flex: 1;

  display: flex;
@@ -337,6 +343,7 @@ img.screenshot {
  display: flex;

  width: 100%;

  animation: ticker 120s linear infinite;
+ 
  margin-top: 2px;

}



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