image viewer style modify

2019-11-08 10:58:45 +09:00 · 2019-11-08 10:58:45 +09:00 · 75627e0a16
commit 75627e0a16
parent f747490a7c
1 changed files with 7 additions and 1 deletions
--- a/projects/ucap-webmessenger-ui/src/lib/components/file-viewer/image-viewer.component.scss
+++ b/projects/ucap-webmessenger-ui/src/lib/components/file-viewer/image-viewer.component.scss
@ -23,9 +23,15 @@
  .ucap-image-viewer-body {
    position: relative;
    width: 100%;
-    height: 100%;
+    height: calc(100% - 50px);

    .ucap-image-viewer-image-wrapper {
+      height: 100%;
+      padding: 20px;
+      background-color: rgba(0, 0, 0, 0.7);
+      img {
+        height: inherit;
+      }
    }
  }
 }