hotfix: adjusted the position of the check in so its not so close to the edge, and some minor style stuff

This commit is contained in:
csawatzky 2025-12-30 10:43:07 -06:00
parent 59aae7a8a1
commit 2dc633e6ca
2 changed files with 4 additions and 5 deletions

View file

@ -289,12 +289,11 @@ export default function GateDevice(props: Props) {
return ( return (
<Grid <Grid
container container
direction={(isMobile) ? "column" : "row"} // direction={(isMobile) ? "column" : "row"}
width="100%" width="100%"
spacing={(isMobile) ? 7 : 0}
//alignItems="center" //alignItems="center"
> >
<Grid size={{ sm: 12, lg: isMobile || drawerView ? 12 : 4}} style={{ padding: 10 }}> <Grid width={"100%"} size={{ sm: 12, lg: isMobile || drawerView ? 12 : 4}} style={{ padding: 10 }}>
<Box <Box
display="flex" display="flex"
justifyContent="space-between" justifyContent="space-between"

View file

@ -333,7 +333,7 @@ export default function GateSVG(props: Props) {
const deviceCheckIn = () => { const deviceCheckIn = () => {
return ( return (
<g key={"deviceCheckIn"}> <g key={"deviceCheckIn"}>
<text x={95} y={12} fontSize={7} fontWeight={650} fill={"white"}> <text x={85} y={12} fontSize={7} fontWeight={650} fill={"white"}>
Last Checked In: {moment(checkInTime).fromNow()} Last Checked In: {moment(checkInTime).fromNow()}
</text> </text>
</g> </g>
@ -342,7 +342,7 @@ export default function GateSVG(props: Props) {
return ( return (
<React.Fragment> <React.Fragment>
<Box height={"100%"} maxWidth={isMobile ? 360 : 460} margin="auto"> <Box height={"100%"} maxWidth={isMobile ? 400 : 460} margin="auto">
<svg <svg
width={"100%"} width={"100%"}
height={"100%"} height={"100%"}