more spacing improvements

tnfAngel-Chat · May 9, 2024 · 051653e · 051653e
1 parent 7bac6e6
commit 051653e
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/components/channel/ChannelTopBarContent.tsx b/src/components/channel/ChannelTopBarContent.tsx
@@ -21,7 +21,7 @@ export type UserTopBarProps = {
 	channelRef: any;
 };
 
-export default function ChannelTopBarContent({ channel, userSidebarRef, channelFlexRef, channelRef }: UserTopBarProps) {
+export default function ChannelTopBarContent({ channel, userSidebarRef, channelFlexRef, channelRef }: Readonly<UserTopBarProps>) {
 	const dispatch = useDispatch();
 	const { getColorValue } = useThemeColors();
 	const recipient = client.users.resolve(channel.type === ChannelTypes.DirectMessage ? channel.recipient : '');

diff --git a/src/components/channel/InputArea.tsx b/src/components/channel/InputArea.tsx
@@ -350,7 +350,7 @@ export default function InputArea({ channel }: Readonly<InputBoxProps>) {
 	];
 
 	return (
-		<Box bg={getColorValue('secondaryBackground')} w='100%' padding='15px 20px 15px 20px'>
+		<Box bg={getColorValue('secondaryBackground')} w='100%' py={['10px', '15px']} px={['15px', '20px']}>
 			<Box overflow='auto' h='100%' maxH='60vh'>
 				<Flex direction='column' overflow='auto' gap='20px' w='100%'>
 					{inputAttachments.length ? (

diff --git a/src/components/layout/MainTopBar.tsx b/src/components/layout/MainTopBar.tsx
@@ -3,11 +3,11 @@
 import useThemeColors from '@/hooks/useThemeColors';
 import { Box, Flex } from '@chakra-ui/react';
 
-export default function MainTopBar({ children }: { children: any }) {
+export default function MainTopBar({ children }: Readonly<{ children: any }>) {
 	const { getColorValue } = useThemeColors();
 
 	return (
-		<Box h='44px' bg={getColorValue('secondaryBackground')} w='100%' padding='5px 20px 5px 20px'>
+		<Box h='44px' bg={getColorValue('secondaryBackground')} w='100%' py='5px' px={['15px', '20px']}>
 			<Flex h='100%' maxH='100%' alignItems='center'>
 				{children}
 			</Flex>