matrix-art

commit 389de498575b158d7ebac627805c4cce2a14b025
parent fc070aacff8175dfb1a5728a44b440f98ae95245
Author: MTRNord <mtrnord1@gmail.com>
Date:   Fri, 31 Dec 2021 03:55:13 +0100

Fix spacing

Diffstat:
M
pages/post/[id].tsx
 | 
5
+++--

1 file changed, 3 insertions(+), 2 deletions(-)
diff --git a/pages/post/[id].tsx b/pages/post/[id].tsx
@@ -48,6 +48,7 @@ class Post extends Component<Props, State> {
         }
     }
 
+    // TODO make getStaticPaths and get this properly prerendered. (Needs to make the client not use localstorage. Aka figure out pouchdb)
     async handleRouteChangeComplete(url: string, { shallow }: any) {
         const { id } = this.props.router.query;
         console.log(`id: ${id}`);
@@ -176,7 +177,7 @@ class Post extends Component<Props, State> {
 
                     <main className='flex-col h-full flex lg:pt-[108px] pt-[216px] z-0'>
                         {isImageGalleryEvent(image_event) ? this.renderImageGalleryEvent(image_event) : isImageEvent(image_event) ? this.renderSingleImageEvent(image_event) : <div key={(image_event as MatrixEventBase).event_id}></div>}
-                        <div className="grow bg-[#f8f8f8] dark:bg-[#06070D]">
+                        <div className="grow bg-[#f8f8f8] dark:bg-[#06070D] min-h-[400px]">
                             <h1 className="mx-16 my-4 text-6xl text-gray-900 dark:text-gray-200 font-bold">{post_title}</h1>
                             <h3 className="mx-16 my-4 text-l text-gray-900 dark:text-gray-200 font-normal">{image_event.sender}</h3>
                         </div>
@@ -218,7 +219,7 @@ class Post extends Component<Props, State> {
 
     renderImage(id: string, src: string) {
         return (
-            <div className="flex justify-center p-10">
+            <div className="flex justify-center p-10 bg-[#fefefe]/[.95] dark:bg-[#14181E]/[.95]">
                 <img className="shadow-2xl max-w-3xl shadow-black" src={src} key={id}></img>
             </div>
         );