Image size fixed

fl0wxr · fl0wxr · commit 9e2da96ae44c · 2024-03-11T16:32:20.000+02:00
diff --git a/python/static/style.css b/python/static/style.css
@@ -3,18 +3,18 @@ body {
     margin: 0;
     padding: 0;
     height: 100%;
-    overflow: hidden;
+    overflow: scroll;
 }
 
 .DCMImg {
     display: block;
     width: 100%;
     object-fit: contain;
-    max-height: 80vh;
 }
 
 #ImgWrapper {
     position: relative;
+    max-width: 40vw;
 }
 
 #OverlayCanvas,
diff --git a/python/templates/index.html b/python/templates/index.html
@@ -260,13 +260,15 @@
                                     </div>
                                 </div>
                             </div>
-                            <div id="ImgWrapper">
-                                <!-- djlint:off H006-->
-                                <img id="PixelDataDisplay" class="DCMImg" alt="Image">
-                                <!-- djlint:on -->
-                                <canvas id="OverlayCanvas"></canvas>
-                                <canvas id="BoxCanvas"></canvas>
-                            </div>
+                            <center>
+                                <div id="ImgWrapper">
+                                    <!-- djlint:off H006-->
+                                    <img id="PixelDataDisplay" style="max-height: " class="DCMImg" alt="Image">
+                                    <!-- djlint:on -->
+                                    <canvas id="OverlayCanvas"></canvas>
+                                    <canvas id="BoxCanvas"></canvas>
+                                </div>
+                            </center>
                         </div>
                         <div class="tab-pane fade"
                              id="profile-tab-pane"

Original file line number	Diff line number	Diff line change
`@@ -3,18 +3,18 @@ body {`
`3`	`3`	`margin: 0;`
`4`	`4`	`padding: 0;`
`5`	`5`	`height: 100%;`
`6`		`- overflow: hidden;`
	`6`	`+ overflow: scroll;`
`7`	`7`	`}`
`8`	`8`
`9`	`9`	`.DCMImg {`
`10`	`10`	`display: block;`
`11`	`11`	`width: 100%;`
`12`	`12`	`object-fit: contain;`
`13`		`- max-height: 80vh;`
`14`	`13`	`}`
`15`	`14`
`16`	`15`	`#ImgWrapper {`
`17`	`16`	`position: relative;`
	`17`	`+ max-width: 40vw;`
`18`	`18`	`}`
`19`	`19`
`20`	`20`	`#OverlayCanvas,`