Radish alpha
r
radicle-explorer
rad:z4V1sjrXqjvFdnCUbxPFqd5p4DtH5
Radicle web interface
Radicle
Git
Commits › dbe0ed7
Add a link to radicle.dev to the node sidebar footer
Rūdolfs Ošiņš committed 22 hours ago
commit dbe0ed7f7745d7b1aa35e9d0444886fae9dd45fc
parent 4da9321
1 file changed +37 -1
modified src/views/nodes/View.svelte
@@ -30,8 +30,18 @@
</script>



<style>
+ 
  .sidebar-wrapper {
+ 
    display: flex;
+ 
    flex-direction: column;
+ 
    min-height: 100%;
+ 
  }
+ 


  .sidebar {

    padding: 1rem;
+ 
    display: flex;
+ 
    flex-direction: column;
+ 
    gap: 1rem;
+ 
    flex: 1;

  }



  .sidebar-content {
@@ -40,6 +50,25 @@
    flex-direction: column;

  }
+ 
  .footer {
+ 
    margin-top: auto;
+ 
    padding-top: 1rem;
+ 
    font: var(--txt-body-m-regular);
+ 
    color: var(--color-text-tertiary);
+ 
  }
+
+ 
  .footer a {
+ 
    color: var(--color-text-tertiary);
+ 
    text-decoration: none;
+ 
    display: inline-flex;
+ 
    align-items: center;
+ 
    gap: 0.25rem;
+ 
  }
+
+ 
  .footer a:hover {
+ 
    text-decoration: underline;
+ 
  }
+ 


  .description {

    word-break: break-word;

  }
@@ -65,7 +94,7 @@
</style>



<Layout>
- 
  <div slot="sidebar">
+ 
  <div slot="sidebar" class="sidebar-wrapper">

    {#if node.bannerUrl}

      <img style:width="100%" alt="Node banner" src={node.bannerUrl} />

    {/if}
@@ -141,6 +170,13 @@
          </div>

        </div>

      </div>
+
+ 
      <div class="footer">
+ 
        <a href="https://radicle.dev" target="_blank" rel="noreferrer">
+ 
          Learn more about Radicle
+ 
          <Icon name="open-external" />
+ 
        </a>
+ 
      </div>

    </div>

  </div>