diff options
| author | Jake Mannens <jake@asger.xyz> | 2026-05-23 22:38:34 +1000 |
|---|---|---|
| committer | Jake Mannens <jake@asger.xyz> | 2026-06-11 01:16:00 +1000 |
| commit | c5af95bd7af2c0205a0f68d67e86d0dbeba7c879 (patch) | |
| tree | 2d145a92c7783517051b3268d8ebeb8f113b7721 /Pages/ViewMedia.razor.css | |
| parent | c1335c865e3dd1d993e26df03fa79c353954ca75 (diff) | |
Deleted client-side Razor pages
Diffstat (limited to 'Pages/ViewMedia.razor.css')
| -rw-r--r-- | Pages/ViewMedia.razor.css | 222 |
1 files changed, 0 insertions, 222 deletions
diff --git a/Pages/ViewMedia.razor.css b/Pages/ViewMedia.razor.css deleted file mode 100644 index 1a856d3..0000000 --- a/Pages/ViewMedia.razor.css +++ /dev/null @@ -1,222 +0,0 @@ -div#vcontainer { - align-items: start; - display: flex; - flex-direction: column; - height: 100%; - overflow: hidden; - width: 100%; -} - -div#hcontainer { - align-items: start; - display: flex; - flex-direction: row; - height: 100%; - overflow: hidden; - width: 100%; -} - -div#image-container { - box-sizing: border-box; - flex: 1 0 0; - height: 100%; - overflow: auto; - padding: var(--size-default-gap); - width: 100%; -} - -@media (hover: none) and (pointer: coarse) { - div#image-container { - padding: 0 !important; - } -} - -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-show-button { - display: flex; - flex-direction: column; - height: 100%; - justify-content: center; - user-select: none; - width: 20px; -} - -div#metadata-show-button > a::before { - content: "\25B6"; -} - -div#hcontainer.hide-metadata > div#metadata-show-button > a::before { - content: "\25C0" !important; -} - -@media (hover: none) and (pointer: coarse) { - div#metadata-show-button { - display: none !important; - } -} - -div#metadata-show-button > a { - /* TODO: Use colours from global.css */ - background: #333; - border-radius: 10px 0 0 10px; - color: #fff; - display: block; - padding: 15px 0 15px 0; - text-align: center; -} - -div#metadata-show-button > a:hover { - filter: brightness(1.5); -} - -div#metadata-show-button > a:active { - background: #fff; -} - -div#metadata { - background: #333; - box-shadow: rgba(0, 0, 0, 0.25) -10px 0px 10px; - box-sizing: border-box; - display: flex; - flex-direction: column; - flex: 0 0 auto; - height: 100%; - margin-left: auto; - padding: 30px; - transition: margin-right 0.1s linear; - width: 700px; - z-index: 90; -} - -@media (hover: hover) and (pointer: fine) { - div#hcontainer.hide-metadata > div#metadata { - box-shadow: none; - margin-right: -700px; - } -} - -@media (hover: none) and (pointer: coarse) { - [class^="mobile-pane-"] { - width: 100% !important; - } - - [class^="mobile-pane-"]:not(.visible) { - display: none !important; - } -} - -div#button-container { - margin-top: auto; -} - -@media (hover: none) and (pointer: coarse) { - div#button-container button { - font-size: 8pt; - } -} - -div#metadata-container { - overflow-x: hidden; - overflow-y: auto; -} - -table#edit-metadata { - border-collapse: collapse; - width: 100%; -} - -table#edit-metadata tr:first-child { - vertical-align: middle; -} - -table#edit-metadata tr:last-child { - vertical-align: top; -} - -table#edit-metadata td:last-child { - width: 100%; -} - -table#edit-metadata td > input { - width: 100%; - margin: 0; -} - -table#edit-metadata td > textarea { - margin: 0; - resize: none; - width: 100%; -} - -table#uploaded-files th { - font-size: 8pt; -} - -table#uploaded-files td { - font-family: 'Lucida Console'; - font-size: 7pt; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -@media (hover: none) and (pointer: coarse) { - table#uploaded-files th, - table#uploaded-files td { - font-size: 6pt; - } -} - -table#uploaded-files td:nth-child(4) { - max-width: 170px; -} - -table#uploaded-files td.verified { - color: var(--col-checksum-verified-pri); -} - -p.heading { - margin-top: 30px; -} - -p.newlines { - white-space: pre-line; -} - -div#bottom-bar { - /* TODO: Use colours from global.css */ - align-items: center; - background: #141414; - box-shadow: rgba(0, 0, 0, 0.25) 0px -5px 5px; - display: none; - flex-direction: row; - width: 100%; -} - -@media (hover: none) and (pointer: coarse) { - div#bottom-bar { - display: flex; - } -} - -div#bottom-bar > img { - color: white; - margin: auto; - padding: 10px; -} - -div#bottom-bar > img:active { - /* TODO: Use colours from global.css */ - background: white; - color: #141414; -} |
