From 1ec4ac77ce1f072107461b3e30ff83cc72e126c0 Mon Sep 17 00:00:00 2001 From: matty Date: Sun, 23 Jun 2024 13:03:25 -0400 Subject: [PATCH] try making this easier on myself --- assets/styles/video/_container.scss | 60 +++++++++++++++-------------- 1 file changed, 32 insertions(+), 28 deletions(-) diff --git a/assets/styles/video/_container.scss b/assets/styles/video/_container.scss index 41cb2d2a..e9fe933d 100644 --- a/assets/styles/video/_container.scss +++ b/assets/styles/video/_container.scss @@ -28,39 +28,39 @@ height: 100%; converse-muc { - min-height: max(30vh, 200px); + min-height: max(62vh, 400px); } } -/* Media query for mobile devices */ -@media only screen and (max-width: 767px) { - #peertube-plugin-livechat-container converse-root { - converse-muc { - min-height: 58vh; - /* 100vh - 30vh for video = 70vh remaining */ - } - } -} +// /* Media query for mobile devices */ +// @media only screen and (max-width: 767px) { +// #peertube-plugin-livechat-container converse-root { +// converse-muc { +// min-height: 58vh; +// /* 100vh - 30vh for video = 70vh remaining */ +// } +// } +// } -/* Media query for tablets in portrait mode */ -@media only screen and (min-width: 768px) and (max-width: 1023px) { - #peertube-plugin-livechat-container converse-root { - converse-muc { - min-height: 25vh; - /* Slightly less to account for other elements */ - } - } -} +// /* Media query for tablets in portrait mode */ +// @media only screen and (min-width: 768px) and (max-width: 1023px) { +// #peertube-plugin-livechat-container converse-root { +// converse-muc { +// min-height: 25vh; +// /* Slightly less to account for other elements */ +// } +// } +// } -/* Media query for tablets in landscape mode */ -@media only screen and (min-width: 1024px) and (max-width: 1279px) { - #peertube-plugin-livechat-container converse-root { - converse-muc { - min-height: 25vh; - /* Assuming more height can be used */ - } - } -} +// /* Media query for tablets in landscape mode */ +// @media only screen and (min-width: 1024px) and (max-width: 1279px) { +// #peertube-plugin-livechat-container converse-root { +// converse-muc { +// min-height: 25vh; +// /* Assuming more height can be used */ +// } +// } +// } /* Media query for desktops */ @media only screen and (min-width: 1280px) { @@ -77,4 +77,8 @@ .send-button { border-radius: 0.25rem !important; +} + +.send-button:hover { + background-color: #0067c1 !important; } \ No newline at end of file