fixes

- add backup for card styles for iphones safari
elrouss · Apr 12, 2024 · 2fbba70 · 2fbba70
1 parent bc886d6
commit 2fbba70
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/src/components/blocks/gallery-users/gallery-users.module.scss b/src/components/blocks/gallery-users/gallery-users.module.scss
@@ -16,3 +16,13 @@
     grid-template-columns: repeat(2, 1fr);
   }
 }
+
+.galleryItem {
+  display: flex;
+  flex-direction: column;
+
+  & > * {
+    // for safari iphone, if mixin single-line won't work
+    flex-grow: 1;
+  }
+}
diff --git a/src/components/blocks/gallery-users/gallery-users.tsx b/src/components/blocks/gallery-users/gallery-users.tsx
@@ -12,7 +12,7 @@ export const GalleryUsers = ({ data }: IGalleryUsersProps) => {
     Boolean(data.length) && (
       <ul className={styles.gallery}>
         {data.map((item) => (
-          <li key={item.id}>
+          <li className={styles.galleryItem} key={item.id}>
             <UserCard {...item} />
           </li>
         ))}