LogalDeveloper/owncast
0
Fork 0
Code Activity

Reduce the breakpoint width for single column mode. closes #1688

Browse Source
This commit is contained in:
Gabe Kangas
2022-01-20 14:31:53 -08:00
parent dbf9776a6e
commit 372b1059c0
2 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
webroot/js/utils/constants.js
View File

@@ -60,7 +60,7 @@ export const CHAT_KEY_MODIFIERS = ['Control', 'Shift', 'Meta', 'Alt'];
export const MESSAGE_JUMPTOBOTTOM_BUFFER = 500; export const MESSAGE_JUMPTOBOTTOM_BUFFER = 500;
// app styling // app styling
export const WIDTH_SINGLE_COL = 730; export const WIDTH_SINGLE_COL = 780;
export const HEIGHT_SHORT_WIDE = 500; export const HEIGHT_SHORT_WIDE = 500;
export const ORIENTATION_PORTRAIT = 'portrait'; export const ORIENTATION_PORTRAIT = 'portrait';
export const ORIENTATION_LANDSCAPE = 'landscape'; export const ORIENTATION_LANDSCAPE = 'landscape';

3
webroot/styles/app.css
View File

@@ -354,12 +354,13 @@ header {
background-color: transparent; background-color: transparent;
padding: 0px; padding: 0px;
max-width: 740px; max-width: 740px;
min-width: 500px;
width: 50%; width: 50%;
overflow: hidden; overflow: hidden;
box-sizing: border-box; box-sizing: border-box;
} }
@media screen and (max-width: 600px) { @media screen and (max-width: 700px) {
.modal__container { .modal__container {
width: 100%; width: 100%;
} }