From ef8a700c95301833b57dfab0bb575ac71115f906 Mon Sep 17 00:00:00 2001
From: mertmit <mertmit99@gmail.com>
Date: Tue, 30 Aug 2022 17:00:04 +0300
Subject: [PATCH] fix: keep same row height for all gallery items

Signed-off-by: mertmit <mertmit99@gmail.com>
---
 packages/nc-gui-v2/components/smartsheet/Gallery.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/nc-gui-v2/components/smartsheet/Gallery.vue b/packages/nc-gui-v2/components/smartsheet/Gallery.vue
index b355564b11..61f749b4e2 100644
--- a/packages/nc-gui-v2/components/smartsheet/Gallery.vue
+++ b/packages/nc-gui-v2/components/smartsheet/Gallery.vue
@@ -118,10 +118,10 @@ openNewRecordFormHook?.on(async () => {
 
 <template>
   <div class="flex flex-col h-full w-full overflow-auto">
-    <div class="nc-gallery-container grid w-full min-h-0 flex-1 gap-2 my-4 px-3">
-      <div v-for="record in data" :key="`record-${record.row.id}`" class="flex flex-col">
+    <div class="nc-gallery-container grid w-full min-h-0 gap-2 my-4 px-3">
+      <div v-for="record in data" :key="`record-${record.row.id}`">
         <Row :row="record">
-          <a-card hoverable class="!rounded-lg overflow-hidden break-all" @click="expandFormClick($event, record)">
+          <a-card hoverable class="!rounded-lg h-full overflow-hidden break-all" @click="expandFormClick($event, record)">
             <template #cover>
               <a-carousel v-if="!reloadAttachments && attachments(record).length" autoplay>
                 <img
@@ -158,6 +158,7 @@ openNewRecordFormHook?.on(async () => {
         </Row>
       </div>
     </div>
+    <div class="flex-1" />
     <SmartsheetPagination />
     <SmartsheetExpandedForm
       v-if="expandedFormRow && expandedFormDlg"
@@ -171,6 +172,7 @@ openNewRecordFormHook?.on(async () => {
 
 <style scoped>
 .nc-gallery-container {
+  grid-auto-rows: 1fr;
   grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
 }
 </style>