mirror of
https://github.com/CodeF53/personal-site.git
synced 2024-09-19 22:00:35 +00:00
Minor tweaks to friends page
This commit is contained in:
parent
0b65bbba2e
commit
4e0f189983
2 changed files with 16 additions and 7 deletions
|
@ -15,3 +15,6 @@ dialog { color: inherit; }
|
|||
h1, h2, h3, h4, h5, h6, p, span, a, strong, em, blockquote, cite, q, abbr, del, ins, mark, sub, sup, code, pre, kbd, var, samp, ol, ul {
|
||||
margin: unset;
|
||||
}
|
||||
|
||||
.dim { filter: opacity(0.8); }
|
||||
.small { font-size: 0.875rem; }
|
||||
|
|
|
@ -19,13 +19,19 @@ const avatarProxy = 'https://dp.nea.moe/avatar/'
|
|||
</script>
|
||||
|
||||
<template>
|
||||
<ul class="friend_list wrap centerChildren">
|
||||
<li v-for="friend in friends" :key="friend.id" class="interactive">
|
||||
<NuxtLink :to="friend.url">
|
||||
<img :src="`${avatarProxy}${friend.id}.png`">
|
||||
</NuxtLink>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="col gap2 centerChildren">
|
||||
<h1>Friends</h1>
|
||||
<ul class="friend_list wrap centerChildren">
|
||||
<li v-for="friend in friends" :key="friend.id" class="interactive">
|
||||
<NuxtLink :to="friend.url">
|
||||
<img :src="`${avatarProxy}${friend.id}.png`">
|
||||
</NuxtLink>
|
||||
</li>
|
||||
</ul>
|
||||
<p class="dim small">
|
||||
DM me on discord to get added
|
||||
</p>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style>
|
||||
|
|
Loading…
Reference in a new issue