diff options
| author | Jake Mannens <jake@asger.xyz> | 2023-09-02 11:18:45 +1000 |
|---|---|---|
| committer | Jake Mannens <jake@asger.xyz> | 2023-09-02 11:18:45 +1000 |
| commit | d7f0c9365f1c0954de4938c44f7988996a3ca6f7 (patch) | |
| tree | 0a300d3d226e248399f0ef9dbea6d9d0b1335aa6 /Pages/ViewMedia.razor.css | |
| parent | 693357f3e35e4141f17c55e182e89f05ae8d0ecb (diff) | |
Improved page layouts
Diffstat (limited to 'Pages/ViewMedia.razor.css')
| -rw-r--r-- | Pages/ViewMedia.razor.css | 32 |
1 files changed, 26 insertions, 6 deletions
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 { |