style(Message.tsx): increase padding in MessageContainer

CherryHQ · Jul 31, 2024 · 384178c · 384178c
1 parent c53e35d
commit 384178c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/renderer/src/assets/styles/index.scss b/src/renderer/src/assets/styles/index.scss
@@ -83,8 +83,8 @@ body[theme-mode='light'] {
   --color-scrollbar-thumb: rgba(0, 0, 0, 0.15);
   --color-scrollbar-thumb-hover: rgba(0, 0, 0, 0.3);
 
-  --navbar-background: rgba(255, 255, 255, 0.75);
-  --sidebar-background: rgba(255, 255, 255, 0.75);
+  --navbar-background: rgba(255, 255, 255, 0.8);
+  --sidebar-background: rgba(255, 255, 255, 0.8);
 }
 
 *,

diff --git a/src/renderer/src/pages/home/components/Message.tsx b/src/renderer/src/pages/home/components/Message.tsx
@@ -189,7 +189,7 @@ const MessageItem: FC<Props> = ({ message, index, showMenu, onDeleteMessage }) =
 const MessageContainer = styled.div`
   display: flex;
   flex-direction: column;
-  padding: 10px;
+  padding: 10px 20px;
   position: relative;
   border-bottom: 0.5px dotted var(--color-border);
   .menubar {