From 37a5c09fde699df8df26f7ae8ca2e3284b44f880 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Wed, 19 Apr 2023 09:43:35 +0800
Subject: [PATCH] Experiment with larger-height media

And few adjustments
---
 src/components/status.css | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/components/status.css b/src/components/status.css
index 83cb8696..f473ac19 100644
--- a/src/components/status.css
+++ b/src/components/status.css
@@ -478,20 +478,25 @@
   grid-template-columns: 1fr 1fr;
   grid-auto-rows: 1fr;
   gap: 2px;
-  height: 160px;
+  /* height: 160px; */
+  min-height: 44px;
+  height: auto;
+  max-height: max(160px, 33vh);
 }
-.status .media-container.media-eq1 {
+/* .status .media-container.media-eq1 {
   min-height: 44px;
   height: auto;
   max-height: 160px;
-}
-.status .media-container.media-eq1:has([data-orientation='portrait']) {
+} */
+.status:not(.large)
+  .media-container.media-eq1:has([data-orientation='portrait']) {
   width: 85%;
   min-width: 160px;
   max-height: 200px;
 }
 .status .media-container.media-gt2 {
-  height: 200px;
+  /* height: 200px; */
+  max-height: max(200px, 50vh);
 }
 .status.large :is(.media-container, .media-container.media-gt2) {
   height: auto;