style(Message.tsx): increase padding in MessageContainer
This commit is contained in:
parent
c53e35db76
commit
384178c617
@ -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);
|
||||||
}
|
}
|
||||||
|
|
||||||
*,
|
*,
|
||||||
|
|||||||
@ -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 {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user