From f1758ef9d0101e9c58e9bb2614a23749d8e84407 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9bastien=20Chopin?= <atinux@gmail.com>
Date: Fri, 28 Feb 2025 18:57:53 +0100
Subject: [PATCH] docs(template): Add flex-1 on screenshots

---
 docs/app/pages/pro/templates.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/app/pages/pro/templates.vue b/docs/app/pages/pro/templates.vue
index 204f6aad..e4fae686 100644
--- a/docs/app/pages/pro/templates.vue
+++ b/docs/app/pages/pro/templates.vue
@@ -50,7 +50,7 @@ useSeoMeta({
     </template>
 
     <div class="lg:border-x border-(--ui-border) h-full flex items-center lg:bg-(--ui-bg-muted)/20">
-      <Motion :initial="{ opacity: 0, transform: 'translateY(10px)' }" :in-view="{ opacity: 1, transform: 'translateY(0px)' }" :in-view-options="{ once: true }" :transition="{ duration: 0.5, delay: 0.2 }">
+      <Motion class="flex-1" :initial="{ opacity: 0, transform: 'translateY(10px)' }" :in-view="{ opacity: 1, transform: 'translateY(0px)' }" :in-view-options="{ once: true }" :transition="{ duration: 0.5, delay: 0.2 }">
         <UColorModeImage
           v-if="template.thumbnail"
           v-bind="template.thumbnail"