From 1088bb55e3401758de8a69d008df9d09c3de4949 Mon Sep 17 00:00:00 2001 From: Jason Henriquez Date: Wed, 31 Jan 2024 08:19:03 -0600 Subject: [PATCH] Update all Watch breakpoints to 1050px from 900px --- src/renderer/views/Watch/Watch.scss | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/renderer/views/Watch/Watch.scss b/src/renderer/views/Watch/Watch.scss index 82c72d1c64827..ad61d8af942a5 100644 --- a/src/renderer/views/Watch/Watch.scss +++ b/src/renderer/views/Watch/Watch.scss @@ -16,7 +16,7 @@ display: inline-block; max-inline-size: calc(80vh * 1.78); - @media only screen and (min-width: 901px) { + @media only screen and (min-width: 1051px) { inline-size: 300%; } } @@ -99,7 +99,7 @@ .sidebarArea { grid-area: sidebar; - @media only screen and (min-width: 901px) { + @media only screen and (min-width: 1051px) { min-inline-size: 380px; } @@ -135,7 +135,7 @@ margin-block: 0 16px; margin-inline: 0; - @media only screen and (min-width: 901px) { + @media only screen and (min-width: 1051px) { margin-block: 0 16px; margin-inline: 8px; } @@ -145,7 +145,7 @@ @include theatre-mode-template; } - @media only screen and (min-width: 901px) { + @media only screen and (min-width: 1051px) { &.useTheatreMode { @include theatre-mode-template; } @@ -155,7 +155,7 @@ @include single-column-template; } - @media only screen and (min-width: 901px) { + @media only screen and (min-width: 1051px) { .infoArea { scroll-margin-block-start: 76px; }