KevinMidboe/infra-map
1
0
Fork 0
mirror of https://github.com/KevinMidboe/infra-map.git synced 2025-12-08 20:29:05 +00:00
Code Issues Packages Projects Releases Wiki Activity

print fullscreen image takes full desktop width

Browse Source
This commit is contained in:
Kevin
2025-11-14 23:30:16 +01:00
parent 0991d1a013
commit 5bc57ba497
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/lib/components/LiveImage.svelte
View File

@@ -84,7 +84,7 @@
{:else} {:else}
<div class="fullscreen-container"> <div class="fullscreen-container">
<Dialog title="Live stream of printer" close={() => (fullscreen = false)}> <Dialog title="Live stream of printer" close={() => (fullscreen = false)}>
<img style="width: 100%;" src={String(imageSource)} id="live-image" /> <img src={String(imageSource)} id="live-image" />
<span>Last update {timestamp}s ago</span> <span>Last update {timestamp}s ago</span>
</Dialog> </Dialog>
@@ -105,7 +105,11 @@
display: block; display: block;
} }
:global(.fullscreen-container .dialog > div) { :global(.fullscreen-container .dialog img) {
max-width: unset; max-width: unset;
} }
:global(.fullscreen-container #dialog-title) {
max-width: 98vw;
}
</style> </style>