versia-pub/frontend
2
0
Fork 0
mirror of https://github.com/versia-pub/frontend.git synced 2025-12-06 08:28:20 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: ⚡ Optimize rendering a little

Browse source
This commit is contained in:
Jesse Wierzbinski 2024-04-29 11:21:50 -10:00
parent 55ca97e936
commit ccd2307584
No known key found for this signature in database
3 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
components/social-elements/instance/Presentation.vue
View file

@ -1,5 +1,5 @@
<template>
<div class="flex flex-col p-10 gap-4">
<div class="flex flex-col p-10 gap-4 h-full">
<div
class="aspect-video shrink-0 w-full rounded ring-white/5 bg-dark-800 shadow overflow-hidden ring-1 hover:ring-2 duration-100">
<img class="object-cover w-full h-full duration-150 hover:scale-[102%] ease-in-out" v-if="instance?.banner"
@ -7,7 +7,7 @@
</div>
<div class="prose prose-invert prose-sm">
<h2 class="text-center mb-10">{{ instance?.title }}</h2>
<h1 class="text-center mb-10 mt-5">{{ instance?.title }}</h1>
<div v-html="description?.content"></div>
</div>

2
components/social-elements/notes/header.vue
View file

@ -2,7 +2,7 @@
<div v-if="small" class="flex flex-row">
<Skeleton :enabled="!note" shape="rect" class="!h-6 w-6">
<NuxtLink :href="accountUrl">
<img class="h-6 w-6 rounded ring-1 ring-white/5" :src="note?.account.avatar"
<img class="h-6 w-6 rounded ring-1 ring-white/5 shrink-0" :src="note?.account.avatar"
:alt="`${note?.account.acct}'s avatar`" />
</NuxtLink>
</Skeleton>

2
components/social-elements/notes/note.vue
View file

@ -14,7 +14,7 @@
</div>
<SocialElementsNotesHeader :note="note" :small="small" />
<div v-if="!collapsed">
<NuxtLink :href="url" class="mt-6 block relative">
<NuxtLink :href="url" class="mt-6 block relative" aria-label="Link to note">
<Skeleton :enabled="!props.note || !loaded" :min-width="50" :max-width="100" width-unit="%" shape="rect"
type="content">
<div v-if="content"