responsive styles for recent-collborators (#4958)

This commit is contained in:
Dan Byler 2024-07-01 10:58:54 -04:00 committed by GitHub
parent 03f7685f8b
commit 35f78e8cfb
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -15,14 +15,14 @@ export const RecentCollaboratorsWidget: React.FC<WidgetProps> = (props) => {
return (
<div className="w-full rounded-xl border-[0.5px] border-custom-border-200 bg-custom-background-100 duration-300 hover:shadow-custom-shadow-4xl">
<div className="flex items-start justify-between px-7 pt-6">
<div className="flex flex-col sm:flex-row items-start justify-between px-7 pt-6">
<div>
<h4 className="text-lg font-semibold text-custom-text-300">Collaborators</h4>
<p className="mt-2 text-xs font-medium text-custom-text-300">
View and find all members you collaborate with across projects
</p>
</div>
<div className="flex min-w-72 items-center justify-start gap-2 rounded-md border border-custom-border-200 px-2.5 py-1.5 placeholder:text-custom-text-400">
<div className="mt-5 sm:mt-0 flex min-w-72 items-center justify-start gap-2 rounded-md border border-custom-border-200 px-2.5 py-1.5 placeholder:text-custom-text-400">
<Search className="h-3.5 w-3.5 text-custom-text-400" />
<input
className="w-full border-none bg-transparent text-sm focus:outline-none"