ios css fixes

Aut-Labs · May 21, 2024 · 7c52783 · 7c52783
1 parent 875bc20
commit 7c52783
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/src/MainBackground/Faces.tsx b/src/MainBackground/Faces.tsx
@@ -9,6 +9,7 @@ const AvatarCircle = ({ user, x, y, circleDimension }: any) => {
         width: `${circleDimension}px`,
         height: `${circleDimension}px`,
         overflow: "visible",
+        objectFit: "cover",
         cursor: "pointer"
       }}
     >
@@ -20,7 +21,6 @@ const AvatarCircle = ({ user, x, y, circleDimension }: any) => {
 const Faces = ({ dimensions, users, setPopoverEl }: any) => {
   const designWidth = 1440;
   const designHeight = 800;
-
   const circleDimension = 64;
 
   // Calculate scale factors

diff --git a/src/components/AutOsTabs.tsx b/src/components/AutOsTabs.tsx
@@ -41,7 +41,7 @@ function TabPanel(props: any) {
             height: "100%",
             minHeight: "400px",
             marginBottom: {
-              xs: "60px",
+              xs: "30px",
               sm: "20px"
             },
             ...(sx || {})

diff --git a/src/pages/AutHome/AutSearch.tsx b/src/pages/AutHome/AutSearch.tsx
@@ -302,6 +302,7 @@ const AutSearch = (props: AutSearchProps) => {
                             padding: 0,
                             flexDirection: "column",
                             background: "transparent",
+                            WebkitBackdropFilter: "blur(8px)",
                             backdropFilter: "blur(8px)",
                             width: "474px"
                           }
@@ -330,6 +331,7 @@ const AutSearch = (props: AutSearchProps) => {
                                 background: "rgba(0, 0, 0, 0.64)",
                                 // eslint-disable-next-line max-len
                                 boxShadow: `0px 16px 80px 0px ${theme.palette.primary.main}, 0px 0px 16px 0px rgba(20, 200, 236, 0.64), 0px 0px 16px 0px rgba(20, 200, 236, 0.32)`,
+                                WebkitBackdropFilter: "blur(8px)",
                                 backdropFilter: "blur(8px)"
                               },
                               ".MuiInputLabel-root": {
@@ -514,6 +516,7 @@ const AutSearch = (props: AutSearchProps) => {
                           padding: 0,
                           flexDirection: "column",
                           background: "transparent",
+                          WebkitBackdropFilter: "blur(8px)",
                           backdropFilter: "blur(8px)",
                           width: "204px"
                         }
@@ -540,6 +543,7 @@ const AutSearch = (props: AutSearchProps) => {
                               borderRadius: "6px",
                               background: "transparent",
                               boxShadow: "none",
+                              WebkitBackdropFilter: "blur(8px)",
                               backdropFilter: "blur(8px)"
                             },
                             ".MuiInputLabel-root": {