style(Message.tsx): increase padding in MessageContainer

This commit is contained in:
kangfenmao 2024-08-01 00:04:47 +08:00
parent c53e35db76
commit 384178c617
2 changed files with 3 additions and 3 deletions

View File

@ -83,8 +83,8 @@ body[theme-mode='light'] {
--color-scrollbar-thumb: rgba(0, 0, 0, 0.15); --color-scrollbar-thumb: rgba(0, 0, 0, 0.15);
--color-scrollbar-thumb-hover: rgba(0, 0, 0, 0.3); --color-scrollbar-thumb-hover: rgba(0, 0, 0, 0.3);
--navbar-background: rgba(255, 255, 255, 0.75); --navbar-background: rgba(255, 255, 255, 0.8);
--sidebar-background: rgba(255, 255, 255, 0.75); --sidebar-background: rgba(255, 255, 255, 0.8);
} }
*, *,

View File

@ -189,7 +189,7 @@ const MessageItem: FC<Props> = ({ message, index, showMenu, onDeleteMessage }) =
const MessageContainer = styled.div` const MessageContainer = styled.div`
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding: 10px; padding: 10px 20px;
position: relative; position: relative;
border-bottom: 0.5px dotted var(--color-border); border-bottom: 0.5px dotted var(--color-border);
.menubar { .menubar {