ethbrno/eb2-website
ethbrno
/
eb2-website
3
1
Rozštěpit 0
Zdrojový kód Úkoly 5 Požadavky na natažení Balíčky Projekty 1 Vydání 1 Aktivita

Move remote contributor svg to styles, use as class
ci/woodpecker/push/woodpecker Pipeline was successful Podrobnosti

This commit is contained in:
tree 2022-10-15 15:59:56 +02:00
rodič 0e7b40b67c
revize 6d1f87b15c
2 změnil soubory, kde provedl 8 přidání a 17 odebrání
Zobrazit statistiky Stáhněte soubor záplaty Stáhněte rozdílový soubor Rozbalit všechny soubory Sbalit všechny soubory

7
src/app.css
Zobrazit soubor

@ -35,4 +35,11 @@ body {
.external.text-white::after {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.5' height='13.5' aria-hidden='true' viewBox='0 0 24 24' class='iconExternalLink_nPIU'%3E%3Cpath fill='white' d='M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z'%3E%3C/path%3E%3C/svg%3E");
}
.contributor-remote::after {
width: 1rem;
height: 1rem;
margin-left: 3px;
content: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke-width='1.5' stroke='white' %3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418' /%3E%3C/svg%3E");
}

18
src/routes/contributors/+page.svelte
Zobrazit soubor

@ -52,7 +52,7 @@
<span class="underline">{role}</span>
{/each}
</h3>
<div class="flex flex-row mb-2">
<div class="flex flex-row mb-2 {item.remote ? 'contributor-remote' : ''}">
<a
class="text-lg text-white font-medium title-font"
href={`https://twitter.com/${item.twitter}`}
@ -63,22 +63,6 @@
({item.nickname})
{/if}
</a>
{#if item.remote}
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
class="w-4 h-4 ml-1 text-white"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418"
/>
</svg>
{/if}
</div>
<p class="leading-relaxed text-sm">{item.bio}</p>