Merge pull request #27 from jambonz/fix/alignment

fix status header allignment
This commit is contained in:
Dave Horton
2023-11-06 07:43:54 -05:00
committed by GitHub
2 changed files with 15 additions and 12 deletions

Binary file not shown.

View File

@@ -422,29 +422,32 @@ export const Phone = ({
{isConfigured ? ( {isConfigured ? (
<> <>
<HStack spacing={2} boxShadow="md" w="full" borderRadius={5} p={2}> <HStack spacing={2} boxShadow="md" w="full" borderRadius={5} p={2}>
<Image src={isOnline() ? GreenAvatar : Avatar} boxSize="50px" /> <Image src={isOnline() ? GreenAvatar : Avatar} boxSize="35px" />
<VStack alignItems="start" w="full" spacing={0}> <VStack alignItems="start" w="full" spacing={0}>
<HStack spacing={2} w="full"> <HStack spacing={2} w="full">
<Text fontWeight="bold" fontSize="13px"> <Text fontWeight="bold" fontSize="13px">
{sipDisplayName || sipUsername} {sipDisplayName || sipUsername}
</Text> </Text>
<Circle size="8px" bg={isOnline() ? "green.500" : "gray.500"} /> <Circle size="8px" bg={isOnline() ? "green.500" : "gray.500"} />
<Spacer />
<JambonzSwitch
isDisabled={isForceChangeUaStatus}
onlabel="Online"
offLabel="Offline"
initialCheck={isOnline() || isForceChangeUaStatus}
onChange={(v) => {
setIsForceChangeUaStatus(true);
handleGoOffline(v ? "online" : "offline");
}}
/>
</HStack> </HStack>
<Text fontWeight="bold" w="full"> <Text fontWeight="bold" w="full">
{`${sipUsername}@${sipDomain}`} {`${sipUsername}@${sipDomain}`}
</Text> </Text>
</VStack> </VStack>
<Spacer />
<VStack h="full" align="center">
<JambonzSwitch
isDisabled={isForceChangeUaStatus}
onlabel="Online"
offLabel="Offline"
initialCheck={isOnline() || isForceChangeUaStatus}
onChange={(v) => {
setIsForceChangeUaStatus(true);
handleGoOffline(v ? "online" : "offline");
}}
/>
</VStack>
</HStack> </HStack>
</> </>
) : ( ) : (