From 6edee6c0483a7666cff2a42d07d6baedba9ad932 Mon Sep 17 00:00:00 2001
From: LittleSheep <littlesheep.code@hotmail.com>
Date: Tue, 6 Feb 2024 11:15:21 +0800
Subject: [PATCH] :lipstick: Fix some style issue

---
 pkg/view/src/components/PostItem.tsx   | 8 ++++++--
 pkg/view/src/layouts/shared/Navbar.tsx | 2 +-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/pkg/view/src/components/PostItem.tsx b/pkg/view/src/components/PostItem.tsx
index 7a5fef2..240ad3d 100644
--- a/pkg/view/src/components/PostItem.tsx
+++ b/pkg/view/src/components/PostItem.tsx
@@ -76,7 +76,11 @@ export default function PostItem(props: {
           </For>
         </div>
 
-        <PostAttachments attachments={props.post.attachments ?? []} />
+        <Show when={props.post.attachments?.length > 0}>
+          <div class="pb-5">
+            <PostAttachments attachments={props.post.attachments ?? []} />
+          </div>
+        </Show>
 
         <Show when={!props.noRelated && props.post.repost_to}>
           <p class="text-xs mt-3 mb-2">
@@ -174,7 +178,7 @@ export default function PostItem(props: {
       <div class="post-item">
         {element}
       </div>
-    )
+    );
   } else {
     return (
       <a class="post-item" href={`/posts/${props.post.id}`}>
diff --git a/pkg/view/src/layouts/shared/Navbar.tsx b/pkg/view/src/layouts/shared/Navbar.tsx
index 6c0baae..eee38a2 100644
--- a/pkg/view/src/layouts/shared/Navbar.tsx
+++ b/pkg/view/src/layouts/shared/Navbar.tsx
@@ -25,7 +25,7 @@ export default function Navbar() {
   }
 
   return (
-    <div class="navbar bg-base-100 shadow-md px-5 z-10 fixed top-0">
+    <div class="navbar bg-base-100 shadow-md px-5 z-[100] fixed top-0">
       <div class="navbar-start">
         <div class="dropdown">
           <div tabIndex={0} role="button" class="btn btn-ghost lg:hidden">