style: center no meetings message and remove background

- Change from Box to Flex with flex=1 for vertical centering
- Remove gray background, border radius, and padding
- Message now appears cleanly centered in available space
- Maintains horizontal and vertical centering
This commit is contained in:
2025-09-10 19:13:40 -06:00
parent 895e37467f
commit 1ffc3eacd7

View File

@@ -375,11 +375,11 @@ export default function MeetingSelection({
{/* No meetings message - show when no ongoing or upcoming meetings */} {/* No meetings message - show when no ongoing or upcoming meetings */}
{currentMeetings.length === 0 && upcomingMeetings.length === 0 && ( {currentMeetings.length === 0 && upcomingMeetings.length === 0 && (
<Box <Flex
width="100%" width="100%"
bg="gray.50" flex="1"
borderRadius="xl" justify="center"
p={8} align="center"
textAlign="center" textAlign="center"
mb={6} mb={6}
> >
@@ -395,7 +395,7 @@ export default function MeetingSelection({
</Text> </Text>
</VStack> </VStack>
</VStack> </VStack>
</Box> </Flex>
)} )}
{/* Create Unscheduled Meeting - Only for room owners or shared rooms */} {/* Create Unscheduled Meeting - Only for room owners or shared rooms */}