From d7f0c9365f1c0954de4938c44f7988996a3ca6f7 Mon Sep 17 00:00:00 2001
From: Jake Mannens <jake@asger.xyz>
Date: Sat, 2 Sep 2023 11:18:45 +1000
Subject: Improved page layouts

---
 Pages/ViewMedia.razor.css | 32 ++++++++++++++++++++++++++------
 1 file changed, 26 insertions(+), 6 deletions(-)

(limited to 'Pages/ViewMedia.razor.css')

diff --git a/Pages/ViewMedia.razor.css b/Pages/ViewMedia.razor.css
index c38f43a..be470f4 100644
--- a/Pages/ViewMedia.razor.css
+++ b/Pages/ViewMedia.razor.css
@@ -4,15 +4,33 @@
     height:      100%;
 }
 
-div#content > img {
-    max-width:  60%;
+div#image-container {
+    box-sizing: border-box;
     height:     100%;
+    padding:    var(--size-default-gap);
+    width:      calc(100% - 700px);
+}
+
+div#image-container > img {
+    display:    block;
+    left:       50%;
+    max-height: 100%;
+    max-width:  100%;
     object-fit: contain;
+    position:   relative;
+    top:        50%;
+    transform:  translate(-50%, -50%);
 }
 
 div#metadata {
-    margin-left: 15px;
-    width:       100%;
+    background:  #333;
+    box-shadow:  rgba(0, 0, 0, 0.5) -10px 0px 10px;
+    box-sizing:  border-box;
+    height:      100%;
+    margin-left: auto;
+    padding:     30px;
+    width:       700px;
+    z-index:     90;
 }
 
 table#edit-metadata {
@@ -48,8 +66,10 @@ table#uploaded-files th {
 }
 
 table#uploaded-files td {
-    font-family: 'Lucida Console';
-    font-size:   8pt;
+    font-family:   'Lucida Console';
+    font-size:     8pt;
+    text-overflow: ellipsis;
+    white-space:   nowrap;
 }
 
 p.heading {
-- 
cgit v1.3