tv: layout

manifoldmarkets · Mar 7, 2024 · bd2d8c7 · bd2d8c7
1 parent f6fb3a8
commit bd2d8c7
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/web/components/chat/public-chat.tsx b/web/components/chat/public-chat.tsx
@@ -100,7 +100,7 @@ export const PublicChat = (props: {
 
   return (
     <Col className={clsx(' w-full', className)}>
-      <Col className="relative h-[calc(100dvh-213px)]  lg:h-[calc(100dvh-184px)] xl:px-0">
+      <Col className="relative h-[calc(100dvh-213px)]  lg:h-[calc(100dvh-160px)] xl:px-0">
         <div
           ref={outerDiv}
           className="relative h-full overflow-y-auto"

diff --git a/web/pages/tv.tsx b/web/pages/tv.tsx
@@ -92,7 +92,7 @@ export default function TVPage(props: {
   )
 
   return (
-    <Page trackPageView="tv page" className="!mt-0 xl:col-span-10">
+    <Page trackPageView="tv page" className="!mt-0 xl:col-span-10 xl:pr-0">
       <SEO title="Manifold TV" description="Stream and trade" />
       <Row className="w-full items-start justify-center gap-8">
         <Col
@@ -152,12 +152,12 @@ export default function TVPage(props: {
           )}
         </Col>
 
-        <Col className="hidden min-h-full w-[300px] max-w-[375px] xl:flex xl:w-[3750px] ">
+        <Col className="hidden min-h-full w-[300px] max-w-[375px] xl:flex xl:w-[350px] ">
           <Col className={'sticky top-0'}>
             <Row className={'border-b-2 py-2 text-xl text-indigo-700'}>
               Live chat
             </Row>
-            <PublicChat channelId={'tv'} />
+            <PublicChat channelId={'tv'} className="gap-2" />
           </Col>
         </Col>
       </Row>