Radish alpha
r
radicle-explorer
Radicle web interface
Radicle
Git (anonymous pull)
Log in to clone via SSH
Commits ›
Improve icon display
Alexis Sellier committed 4 years ago
commit 07d2cf48ebe49ff6c6de3740f557251b64b436dc
parent 0fe8db6fc0731bf88885f40e09753a2f228e1158
4 files changed +10 -7
modified public/index.css
@@ -239,7 +239,7 @@ a.address {
}



input[type="text"], button {
- 
	line-height: 1.5em;
+ 
	line-height: 1.6;

}

input[type="text"] {

	outline: none;
modified src/Icon.svelte
@@ -2,6 +2,7 @@
  export let name: string;

  export let width: number | null = null;

  export let height: number | null = null;
+ 
  export let inline: boolean = false;



  const icons = [

    {
@@ -22,10 +23,13 @@
  svg {

    fill: currentColor;

  }
+ 
  svg.inline {
+ 
    height: 1.6rem;
+ 
  }

</style>



{#if svg}
- 
  <svg role="img" class={$$props.class}
+ 
  <svg role="img" class={$$props.class} class:inline

       width={width || "1rem"}

       height={height || "1rem"}

       viewBox="0 0 {svg.size} {svg.size}">
modified src/base/orgs/View.svelte
@@ -86,7 +86,6 @@
    height: 64px;

  }

  .links {
- 
    height: 1.5rem;

    display: flex;

    align-items: center;

    justify-content: left;
@@ -149,12 +148,12 @@
              {/if}

              {#if profile.twitter}

                <a class="url" href="https://twitter.com/{profile.twitter}">
- 
                  <Icon name="twitter" />
+ 
                  <Icon name="twitter" inline />

                </a>

              {/if}

              {#if profile.github}

                <a class="url" href="https://github.com/{profile.github}">
- 
                  <Icon name="github" />
+ 
                  <Icon name="github" inline />

                </a>

              {/if}

            </div>
modified src/base/users/View.svelte
@@ -74,12 +74,12 @@
          {/if}

          {#if profile.twitter}

            <a class="url" href="https://twitter.com/{profile.twitter}">
- 
              <Icon name="twitter" />
+ 
              <Icon name="twitter" inline />

            </a>

          {/if}

          {#if profile.github}

            <a class="url" href="https://github.com/{profile.github}">
- 
              <Icon name="github" />
+ 
              <Icon name="github" inline />

            </a>

          {/if}

        </div>