From ccd23075841a1444db6c07118998ca11e150e230 Mon Sep 17 00:00:00 2001
From: Jesse Wierzbinski <contact@cpluspatch.com>
Date: Mon, 29 Apr 2024 11:21:50 -1000
Subject: [PATCH] fix: :zap: Optimize rendering a little

---
 components/social-elements/instance/Presentation.vue | 4 ++--
 components/social-elements/notes/header.vue          | 4 ++--
 components/social-elements/notes/note.vue            | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/social-elements/instance/Presentation.vue b/components/social-elements/instance/Presentation.vue
index 117a473..2501905 100644
--- a/components/social-elements/instance/Presentation.vue
+++ b/components/social-elements/instance/Presentation.vue
@@ -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>
 
diff --git a/components/social-elements/notes/header.vue b/components/social-elements/notes/header.vue
index 25908a9..f190322 100644
--- a/components/social-elements/notes/header.vue
+++ b/components/social-elements/notes/header.vue
@@ -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>
@@ -46,7 +46,7 @@
             <span class="text-gray-400 text-sm line-clamp-1 break-all w-full">
                 <Skeleton :enabled="!note" :min-width="130" :max-width="250" shape="rect">
                     @{{
-        note?.account.acct
+                    note?.account.acct
                     }}
                 </Skeleton>
             </span>
diff --git a/components/social-elements/notes/note.vue b/components/social-elements/notes/note.vue
index f8f1104..d5e1f8e 100644
--- a/components/social-elements/notes/note.vue
+++ b/components/social-elements/notes/note.vue
@@ -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"