user feed

No-Country-simulation · Sep 19, 2024 · 80f95b3 · 80f95b3
1 parent 8c5fdc8
commit 80f95b3
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/frontend/src/components/Cards/CardAlbum.tsx b/frontend/src/components/Cards/CardAlbum.tsx
@@ -25,7 +25,7 @@ export default function CardAlbum({ photos }: Props) {
         photos.map((ima: any, i: number) => (
           <div key={i} className={clsx(`min-h-[100px] h-full bg-[#C4C4C4] relative overflow-hidden`,
             photos.length === 2 &&
-            "h-[350px] [&:nth-child(1)]:rounded-s-2xl [&:nth-child(2)]:rounded-r-2xl",
+            "[&:nth-child(1)]:rounded-s-2xl [&:nth-child(1)]:h-[350px] [&:nth-child(2)]:rounded-r-2xl",
             photos.length === 3 &&
             `[&:nth-child(1)]:rounded-tl-2xl [&:nth-child(1)]:h-[200px] sm:[&:nth-child(1)]:h-[300px]
                                  [&:nth-child(2)]:rounded-tr-2xl

diff --git a/frontend/src/components/swiper/SwiperUsers.tsx b/frontend/src/components/swiper/SwiperUsers.tsx
@@ -25,8 +25,8 @@ export function SwiperUsers({ users }: { users: User[] }) {
         >
             {
                 users.map((user, i) => (
-                    <SwiperSlide key={i} style={{ "display": "flex", "alignItems": "start", "minWidth": "80px", "overflow": "hidden", "justifyContent": "space-between" } as React.CSSProperties}>
-                        <Link href={'/perfil/' + user._id}>
+                    <SwiperSlide key={i} style={{ "display": "flex", "justifyContent": "space-between", } as React.CSSProperties}>
+                        <Link href={'/perfil/' + user._id} className=" w-[100px] text-ellipsis overflow-hidden">
                             <Image
                                 src={user.imageUrl || imageAvatar}
                                 alt="foto"
@@ -35,7 +35,7 @@ export function SwiperUsers({ users }: { users: User[] }) {
                                 className="rounded-full object-cover size-20 mx-auto"
                                 onLoad={() => setLoading(false)}
                             />
-                            <h2 className="text-center flex-col truncate text-TextPrimary font-semibold">{user.username}</h2>
+                            <h2 className=" text-center flex-col text-TextPrimary font-semibold">{user.username}</h2>
                         </Link>
                         {loading && (
                             Array.from({ length: 2 }).map((_, i) => (