Quickfix: Post style

SE-TINF22B6 · Jun 11, 2024 · 14ec4df · 14ec4df
1 parent 19f0de5
commit 14ec4df
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 6 deletions.
diff --git a/src/main/web/src/config/config.ts b/src/main/web/src/config/config.ts
@@ -3,7 +3,7 @@ const config = {
   apiUrl: 'https://56e66ce8-2ac2-4635-982a-f19f20896303.ka.bw-cloud-instance.org:8443/',
   googleClientId: '973066251162-r60h517iddja3k756d2f6n8sng5nn24q.apps.googleusercontent.com',
   tooltipMessage: "Please sign up or log in to use this feature",
-  adsOn: false,
+  adsOn: true,
   headers: {
     'Content-Type': 'application/json',
     'Accept': 'application/json'

diff --git a/src/main/web/src/scenes/Home/components/post/Post.css b/src/main/web/src/scenes/Home/components/post/Post.css
@@ -92,7 +92,6 @@
 
 .home-post-interaction {
   position: relative;
-  margin-top: 110px;
   margin-right: 20px;
 }
 

diff --git a/src/main/web/src/scenes/Home/components/post/Post.tsx b/src/main/web/src/scenes/Home/components/post/Post.tsx
@@ -146,7 +146,7 @@ export const Post: React.FC<PostModel> = (props: PostModel) => {
         setMarginLeft(tags ? '110px' : '0');
         setMarginTop(postImage ? '140px' : '5px');
       } else {
-        setWidth(postImage ? '330px' : '600px');
+        setWidth(postImage ? '360px' : '600px');
         setMarginLeft(postImage ? (imageWidth ? `${imageWidth + 20}px` : '280px') : '10px');
         setMarginTop('0');
       }
@@ -211,21 +211,23 @@ export const Post: React.FC<PostModel> = (props: PostModel) => {
               &nbsp;· {formattedTime}
             </div>
           </div>
-          <div className="home-post-interaction">
+          <div className="home-post-interaction"
+               style={{marginTop: `${parseInt(marginTop as string) + 110}px`}}>
             <Interaction
                 likes={likes}
                 userLiked={userLiked}
                 heartClass={heartClass}
                 comments={comments}
                 handleLike={() => handleLike(id, "post", likes, setLikes, setUserLiked, setHeartClass)}
                 id={id}
-                isHomepage={true}/>
+                isHomepage={true}
+            />
           </div>
         </div>
 
         {menuOpen && (
             <div className="post-menu-container">
-              <PostMenu
+            <PostMenu
                   handleShareClick={handleShareClick}
                   handleSaveClick={handleSaveClick}
                   handleUnsaveClick={handleUnsaveClick}