Center films in filmstrip

2018-07-20 16:51:48 +02:00
parent e4f29b298b
commit 86f0d56f00
1 changed files with 32 additions and 25 deletions
@@ -29,6 +29,12 @@
    height: 20vh;
    align-items: center;

+    > .filmstrip-content {
+      margin: 0 auto;
+      display: flex;
+      height: 100%;
+      align-items: center;
+
      > .film {
        height: 18vh;
        flex-shrink: 0;     
@@ -44,11 +50,11 @@
          border: 1px solid rgba(255,255,255,0.15);

          > [data-component='Peer'] {
-          max-width: 17vh * (4 / 3);
+            max-width: 18vh * (4 / 3);
            cursor: pointer;

            &.screen {
-            max-width: 17vh * (2 * 4 / 3);
+              max-width: 18vh * (2 * 4 / 3);
              border: 0;
            }
          }
@@ -68,3 +74,4 @@
      }
    }
  }
+}