mirror of
https://github.com/jambonz/chrome-extension-dialer.git
synced 2026-01-25 02:08:05 +00:00
Merge pull request #27 from jambonz/fix/alignment
fix status header allignment
This commit is contained in:
Binary file not shown.
@@ -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>
|
||||||
</>
|
</>
|
||||||
) : (
|
) : (
|
||||||
|
|||||||
Reference in New Issue
Block a user