Fix layout when both crates and users are returned
Diff
chartered-frontend/src/util.tsx | 2 +-
chartered-frontend/src/pages/Search.tsx | 7 ++++---
2 files changed, 4 insertions(+), 5 deletions(-)
@@ -95,7 +95,7 @@
} else {
return (
<div
className={`rounded-circle d-inline-block ${className}`}
className={`position-relative rounded-circle d-inline-block ${className}`}
style={{ width, height, background: "rgb(235, 235, 235)" }}
/>
);
@@ -83,11 +83,10 @@
return (
<div className="card border-0 shadow-sm text-black p-2">
<div className="card-body">
<div className="card-body d-flex">
{results.users.map((user, i) => (
<Link to={`users/${user.user_uuid}`}>
<Link to={`users/${user.user_uuid}`} key={i}>
<ProfilePicture
key={i}
height="5rem"
width="5rem"
className="me-2"
@@ -146,7 +145,7 @@
}
return (
<div className="card border-0 shadow-sm text-black">
<div className={`card border-0 shadow-sm text-black ${className}`}>
<div className="table-responsive">
<table className="table table-striped">
<tbody>