From 4af1f6bf40d4812a752614bcbdacfd81d0701680 Mon Sep 17 00:00:00 2001
From: tamaina <tamaina@hotmail.co.jp>
Date: Thu, 13 Apr 2023 12:47:11 +0000
Subject: [PATCH] use clamp

---
 packages/frontend/src/components/MkMediaList.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/frontend/src/components/MkMediaList.vue b/packages/frontend/src/components/MkMediaList.vue
index bcba181a57..1c4c3d0d37 100644
--- a/packages/frontend/src/components/MkMediaList.vue
+++ b/packages/frontend/src/components/MkMediaList.vue
@@ -194,7 +194,7 @@ const previewable = (file: misskey.entities.DriveFile): boolean => {
 
 		&.n1expand {
 			min-height: 64px;
-			max-height: max(min(calc(var(--containerHeight, 100svh) * 0.5), 50svh, 334px), 64px);
+			max-height: clamp(64px, calc(var(--containerHeight, 100svh) * 0.5), min(334px, 50vh));
 		}
 
 		&.n116_9 {