Making it match the real thing... Well, more so than before...

2018-03-07 00:05:54 -05:00
parent 6e756e0792
commit 7d5bf0f7ee
15 changed files with 175 additions and 24 deletions
--- a/src/pages/lightbox/lightbox.html
+++ b/src/pages/lightbox/lightbox.html
@@ -9,5 +9,5 @@
 </ion-header>

 <ion-content (click)="close($event)">
-  <img [src]="this.image">
+  <img class="image-detail" [src]="'https://appsby.fitz.guru/urge/' + this.image">
 </ion-content>
--- a/src/pages/lightbox/lightbox.scss
+++ b/src/pages/lightbox/lightbox.scss
@@ -1,3 +1,11 @@
 page-lightbox {

+  .image-detail {
+    display: block;
+    height: auto;
+    position: relative;
+    top: 50%;
+    transform: translate3d(0, -50%, 0);
+    width: 100%;
+  }
 }