fix profile box

tnfAngel-Chat · May 9, 2024 · 99ac45c · 99ac45c
1 parent 22c0d8d
commit 99ac45c
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 7 deletions.
diff --git a/src/components/layout/GuildSidebar.tsx b/src/components/layout/GuildSidebar.tsx
@@ -102,7 +102,7 @@ export default function GuildSidebar({ guild }: { guild: IGuild }) {
 			<Box h='100%' w='100%' bg={getColorValue('sidebarBackground')} overflow='auto' padding='10px'>
 				<GuildSidebarContent guild={guild} />
 			</Box>
-			<Box minH='75px' bg={getColorValue('ternaryBackground')}>
+			<Box bg={getColorValue('ternaryBackground')}>
 				<ProfileBox />
 			</Box>
 		</Stack>

diff --git a/src/components/layout/MainSidebar.tsx b/src/components/layout/MainSidebar.tsx
@@ -208,7 +208,7 @@ export default function MainSidebar({
 			<Box h='100%' w='100%' bg={getColorValue('sidebarBackground')} overflow='auto' padding='10px'>
 				<MainSidebarContent selectedChannelId={selectedChannelId} />
 			</Box>
-			<Box minH='75px' bg={getColorValue('ternaryBackground')}>
+			<Box bg={getColorValue('ternaryBackground')}>
 				<ProfileBox />
 			</Box>
 		</Stack>

diff --git a/src/components/layout/ProfileBox.tsx b/src/components/layout/ProfileBox.tsx
@@ -11,7 +11,7 @@ export default function ProfileBox() {
 	const user = client.user;
 
 	return (
-		<Box w='100%' h='100%' maxW='100%' maxH='100%' padding='10px 20px 10px 20px'>
+		<Box w='100%' h='100%' maxW='100%' maxH='100%' py={['10px', '15px']} px={['15px', '20px']}>
 			<Flex minW='0px' h='100%' gap='5px'>
 				<Flex minW='0px' gap='12px' alignItems='left'>
 					<Center>
@@ -23,10 +23,10 @@ export default function ProfileBox() {
 						/>
 					</Center>
 					<Center w='100%' minW='0px'>
-						<Box textAlign='left' w='100%' maxW='100%' minW='0px'>
+						<Flex textAlign='left' w='100%' maxW='100%' minW='0px' direction='column'>
 							<OverflownText fontSize='md'>{user.username}</OverflownText>
-							{user.presence ? <OverflownText fontSize='sm'>{user.presence}</OverflownText> : null}
-						</Box>
+							{user.presence ? <OverflownText fontSize='sm' >{user.presence}</OverflownText> : null}
+						</Flex>
 					</Center>
 				</Flex>
 				<Spacer />

diff --git a/src/components/modals/UserProfileModal.tsx b/src/components/modals/UserProfileModal.tsx
@@ -35,7 +35,7 @@ export default function UserProfileModal({
 	return (
 		<Modal isOpen={isOpen} size='lg' onClose={onClose} isCentered>
 			<ModalOverlay backdropFilter='blur(5px)' />
-			<ModalContent color={getColorValue('textColor')} bg={getColorValue('modalBackground')}>
+			<ModalContent m='5px' color={getColorValue('textColor')} bg={getColorValue('modalBackground')}>
 				<ModalBody padding='15px'>
 					<Stack h='100%'>
 						<Flex padding='0px 0px 20px 0px' h='100%' flex='1' gap='15px' alignItems='center'>