code/personal-site
1
0
Fork 0
mirror of https://github.com/CodeF53/personal-site.git synced 2024-09-20 06:10:34 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Minor tweaks to friends page

Browse source
This commit is contained in:
CodeF53 2024-06-23 13:57:23 -06:00
parent 0b65bbba2e
commit 4e0f189983
2 changed files with 16 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
assets/styles/font.scss
View file

@ -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 { 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; margin: unset;
} }
.dim { filter: opacity(0.8); }
.small { font-size: 0.875rem; }

6
pages/friends.vue
View file

@ -19,6 +19,8 @@ const avatarProxy = 'https://dp.nea.moe/avatar/'
</script> </script>
<template> <template>
<div class="col gap2 centerChildren">
<h1>Friends</h1>
<ul class="friend_list wrap centerChildren"> <ul class="friend_list wrap centerChildren">
<li v-for="friend in friends" :key="friend.id" class="interactive"> <li v-for="friend in friends" :key="friend.id" class="interactive">
<NuxtLink :to="friend.url"> <NuxtLink :to="friend.url">
@ -26,6 +28,10 @@ const avatarProxy = 'https://dp.nea.moe/avatar/'
</NuxtLink> </NuxtLink>
</li> </li>
</ul> </ul>
<p class="dim small">
DM me on discord to get added
</p>
</div>
</template> </template>
<style> <style>