333c31c Don't underline icon in the ExternalLink component — radicle-explorer

Radicle web interface

Don't underline icon in the ExternalLink component

Rūdolfs Ošiņš committed 2 years ago

commit 333c31c4ba2a4e196d84c5a3b0520c8192d535ed
parent 4fb457c7cb043c6530d907f8761ce7254cfba721

1 file changed +5 -2

modified src/components/ExternalLink.svelte

@@ -11,10 +11,13 @@

     align-items: center;
     gap: 0.25rem;
     text-decoration: none;
   }
   .link {
     box-shadow: 0 1px 0 0 var(--color-foreground-contrast);
   }
   a:hover {
   a:hover .link {
     color: var(--color-fill-secondary);
     box-shadow: 0 1px 0 0 var(--color-fill-secondary);
   }

@@ -31,6 +34,6 @@

 </style>
 <a {href} target="_blank" rel="noreferrer">
   <slot>{href}</slot>
   <span class="link"><slot>{href}</slot></span>
   <span class="icon"><IconSmall name="arrow-box-up-right" /></span>
 </a>