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:
parent
59aae7a8a1
commit
2dc633e6ca
2 changed files with 4 additions and 5 deletions
|
|
@ -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"
|
||||||
|
|
|
||||||
|
|
@ -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%"}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue