fix: fixed text while display rendering

VisheshBansal · May 9, 2021 · 0d47736 · 0d47736
1 parent 741f2ee
commit 0d47736
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 2 deletions.
diff --git a/public/css/style.css b/public/css/style.css
@@ -54,6 +54,22 @@ video {
     z-index: 1;
 }
 
+.render-overlay {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    min-height: 250%;
+    background-color: #afff4e;
+    opacity: 0.4;
+    z-index: 1;
+}
+
+.render-overlay-text{
+    position: relative;
+    z-index: 2;
+}
+
 .masthead {
     position: relative;
     overflow: hidden;

diff --git a/views/display.ejs b/views/display.ejs
@@ -27,8 +27,8 @@
 </head>
 <body>
 
-<div class="overlay"></div>
-<div class="container"><br><br> <br><br><br><br><br> <br><br><br>
+<div class="render-overlay"></div>
+<div class="container render-overlay-text"><br><br> <br><br><br><br><br> <br><br><br>
     <center>
         <p>
             OCR text: <%= text %>