Changeset 35793 for main/trunk/model-interfaces-dev

Timestamp:

2021-12-10T13:45:09+13:00 (2 years ago)

Author:

cstephen

Message:

Fix layout issues

Location:

main/trunk/model-interfaces-dev/atea/ocr

Files:

• public/favicon.png (added)
• src/App.vue (modified) (1 diff)
• src/components/MainPage.vue (modified) (2 diffs)
• src/components/OcrImageDisplay.vue (modified) (1 diff)

main/trunk/model-interfaces-dev/atea/ocr/src/App.vue

@@ -46 +46 @@
 
 .content {
-    padding: 1em;
+    margin: 1em;
     flex-grow: 1;
 }

main/trunk/model-interfaces-dev/atea/ocr/src/components/MainPage.vue

@@ -265 +265 @@
 
 .root-container-image-state {
-    width: calc(100% - 3em);
-    height: calc(100vh - 3em);
-    max-height: calc(100vh - 3em);
+    height: 100%;
+    width: 100%;
+
+    overflow: visible;
 }
 
@@ -315 +316 @@
 
     position: relative;
-    overflow: hidden;
+    overflow: visible;
 
     .text-container {

main/trunk/model-interfaces-dev/atea/ocr/src/components/OcrImageDisplay.vue

@@ -251 +251 @@
     left: 0.2em;
     top: 0.2em;
-    max-width: 50%;
 
     display: flex;