fix issue with overlap for for webkit based browsers

ohcnetwork · Jul 19, 2024 · 98af9ba · 98af9ba
1 parent e3c5a63
commit 98af9ba
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/src/Components/CameraFeed/AssetBedSelect.tsx b/src/Components/CameraFeed/AssetBedSelect.tsx
@@ -27,6 +27,7 @@ export default function CameraPresetSelect(props: Props) {
 
             return (
               <ButtonV2
+                key={option.id}
                 variant={selected ? "primary" : "secondary"}
                 className="min-w-16 max-w-40 text-ellipsis text-sm"
                 onClick={() => props.onChange?.(option)}

diff --git a/src/Components/Facility/ConsultationDetails/ConsultationFeedTab.tsx b/src/Components/Facility/ConsultationDetails/ConsultationFeedTab.tsx
@@ -15,7 +15,7 @@ import useOperateCamera, {
   PTZPayload,
 } from "../../CameraFeed/useOperateCamera";
 import request from "../../../Utils/request/request";
-import { isIOS } from "../../../Utils/utils";
+import { classNames, isIOS } from "../../../Utils/utils";
 import ConfirmDialog from "../../Common/ConfirmDialog";
 import useBreakpoints from "../../../Common/hooks/useBreakpoints";
 import { Warn } from "../../../Utils/Notifications";
@@ -124,7 +124,13 @@ export const ConsultationFeedTab = (props: ConsultationTabProps) => {
         onConfirm={handleUpdatePreset}
       />
 
-      <div ref={divRef} className="-mx-3 lg:-mb-2">
+      <div
+        ref={divRef}
+        className={classNames(
+          "-mx-3 lg:-mb-2",
+          isIOS && "mt-8", // For some reason iOS based browser alone seems to be needing this.
+        )}
+      >
         <CameraFeed
           key={key}
           asset={asset}