Image size fixed

valab-certh · Mar 11, 2024 · 9e2da96 · 9e2da96
1 parent ce4f231
commit 9e2da96
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 9 deletions.
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"