diff --git a/ui.R b/ui.R index 40090dc..63f429c 100644 --- a/ui.R +++ b/ui.R @@ -38,6 +38,20 @@ ui <- function() { /* 1. GRUND-LAYOUT */ body { background-color: #f4f7f9 !important; /* Ganz leichtes Blaugrau für Tiefe */ + transform-origin: 0 0; /* Align to top-left for math accuracy */ + width: 1920px; /* Match your dev monitor */ + height: 1080px; + overflow: hidden; + position: absolute; + } + .shiny-plot-output { + width: inherit !important; + height: inherit !important; + max-width: none !important; + } + #app-container { + width: 1920px; + height: 1080px; } /* 2. DIE KARTE (HHMAP) */ #hhmap { @@ -159,6 +173,32 @@ ui <- function() { ") ) ), + tags$script(HTML(" + $(document).on('shiny:connected', function() { + var targetWidth = 1920; + var targetHeight = 1080; + + function scaleApp() { + var windowWidth = $(window).width(); + var windowHeight = $(window).height(); + + // Calculate both ratios + var widthRatio = windowWidth / targetWidth; + var heightRatio = windowHeight / targetHeight; + + // Use the smaller ratio to ensure the app fits entirely + var scale = Math.min(widthRatio, heightRatio); + + $('body').css({ + 'transform': 'scale(' + scale + ')', + 'width': targetWidth + 'px', + 'height': targetHeight + 'px' + }); + } + $(window).on('resize', scaleApp); + scaleApp(); + });" + )), navset_card_tab( nav_panel("Karte", page_sidebar(