From 548f72d9a47345bcb2f99c96fb5f45c7a063867b Mon Sep 17 00:00:00 2001
From: Angel Beltran <beltranbeaverdam@gmail.com>
Date: Thu, 5 Feb 2026 18:29:32 -0700
Subject: [PATCH] improved mock shop listing style

---
 styles/index.css                                         | 9 +++++++++
 .../{platform}/shops/mocks/{shopID}/index.html.tmpl      | 6 +-----
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/styles/index.css b/styles/index.css
index d99a0be..ce64533 100644
--- a/styles/index.css
+++ b/styles/index.css
@@ -295,9 +295,18 @@
   .h-fit {
     height: fit-content;
   }
+  .max-h-\[10vh\] {
+    max-height: 10vh;
+  }
   .max-h-\[50em\] {
     max-height: 50em;
   }
+  .max-h-\[80vh\] {
+    max-height: 80vh;
+  }
+  .max-h-\[100vh\] {
+    max-height: 100vh;
+  }
   .max-h-full {
     max-height: 100%;
   }
diff --git a/templates/pages/accounts/{acctID.int64}/platforms/{platform}/shops/mocks/{shopID}/index.html.tmpl b/templates/pages/accounts/{acctID.int64}/platforms/{platform}/shops/mocks/{shopID}/index.html.tmpl
index 63e1075..f19060e 100644
--- a/templates/pages/accounts/{acctID.int64}/platforms/{platform}/shops/mocks/{shopID}/index.html.tmpl
+++ b/templates/pages/accounts/{acctID.int64}/platforms/{platform}/shops/mocks/{shopID}/index.html.tmpl
@@ -315,7 +315,7 @@
 				/>
 			</form>
 
-			<ul class="max-h-[50em] overflow-y-auto flex flex-col gap-[1em]">
+			<ul class="max-h-[80vh] overflow-y-auto flex flex-col gap-[1em]">
 			{{- range $listing := .Accounts.ListMockListingsForShop $acctID $platform $shopID }}
 				<li
 					id="listing-{{$listing.ListingID}}"
@@ -396,7 +396,3 @@
 		</div>
 	</div>
 </section>
-
-<h2 class="mt-[5em] text-center block">
-	A work in progress...
-</h2>