Fix theatre mode breaking narrow layout

2020-06-20 01:40:07 +12:00 · 2020-06-20 01:40:07 +12:00 · 7e9b574c60
parent 59841e330b
commit 7e9b574c60
1 changed files with 7 additions and 4 deletions
--- a/src/renderer/views/Watch/Watch.sass
+++ b/src/renderer/views/Watch/Watch.sass
@ -15,12 +15,13 @@
  @media only screen and (max-width: 1350px)
    +theatre-mode-template

+  @media only screen and (min-width: 901px)
+    &.useTheatreMode
+      +theatre-mode-template
+
  @media only screen and (max-width: 900px)
    +single-column-template

-  &.useTheatreMode
-    +theatre-mode-template
-
  &.isLoading
    +single-column-template

@ -44,7 +45,9 @@

  .sidebarArea
    grid-area: sidebar
-    min-width: 380px
+
+    @media only screen and (min-width: 901px)
+      min-width: 380px

  .watchVideoPlaylist, .watchVideoSidebar, .theatrePlaylist
    height: 500px