From 794ee3cb749c62d496bece77580e549aad542d00 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Mon, 7 Aug 2023 16:00:12 +0800
Subject: [PATCH] More accurate border radius

---
 src/components/status.css | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/status.css b/src/components/status.css
index 0f822872..755addcb 100644
--- a/src/components/status.css
+++ b/src/components/status.css
@@ -591,12 +591,13 @@
   max-height: 60vh;
 }
 .status .media-container .media {
+  --media-border-width: 1px;
   --media-radius: 16px;
   --media-radius-inner: 4px;
   border-radius: var(--media-radius);
   overflow: hidden;
   min-height: 80px;
-  border: 1px solid var(--outline-color);
+  border: var(--media-border-width) solid var(--outline-color);
 }
 .status .media-container:not(.media-eq1) .media {
   aspect-ratio: auto !important;
@@ -734,7 +735,7 @@ body:has(#modal-container .carousel) .status .media img:hover {
   width: 100%;
   height: 100%;
   object-fit: contain;
-  border-radius: inherit;
+  border-radius: calc(var(--media-radius) - var(--media-border-width));
 }
 .status :is(.media-video, .media-audio, .media-gif) {
   position: relative;