Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix avatar in facility list #9580

Closed
wants to merge 11 commits into from
Closed

Fix avatar in facility list #9580

Changes from all commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
d95b8eb
Fix avatar in facility list
AdityaJ2305 Dec 26, 2024
8a43e61
Merge branch 'develop' into issue/9577/facility_cover_image
AdityaJ2305 Dec 26, 2024
ec13200
moved to rem
AdityaJ2305 Dec 26, 2024
b7a3ea1
Merge branch 'develop' into issue/9577/facility_cover_image
AdityaJ2305 Dec 26, 2024
4b1f446
Update src/components/Facility/FacilityCard.tsx
AdityaJ2305 Dec 26, 2024
cb80c0e
full width view in sm
AdityaJ2305 Dec 26, 2024
82ef112
use arbitrary value
AdityaJ2305 Dec 27, 2024
881263b
Merge branch 'develop' into issue/9577/facility_cover_image
AdityaJ2305 Dec 27, 2024
caa8040
Merge branch 'develop' into issue/9577/facility_cover_image
AdityaJ2305 Dec 28, 2024
020f592
Merge branch 'develop' into issue/9577/facility_cover_image
AdityaJ2305 Dec 29, 2024
4126905
Merge branch 'develop' into issue/9577/facility_cover_image
AdityaJ2305 Dec 30, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 2 additions & 3 deletions src/components/Facility/FacilityCard.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -63,7 +63,7 @@ export const FacilityCard = (props: {
<div className="h-full w-full grow">
<Link
href={`/facility/${facility.id}`}
className="group relative z-0 flex w-full min-w-[15%] items-center justify-center self-stretch min-[425px]:hidden"
className="group relative z-0 flex w-full min-w-[15%] items-center justify-center self-stretch [@media(min-width:37rem)]:hidden"
>
<Avatar
name={facility.name || ""}
Expand All @@ -77,7 +77,7 @@ export const FacilityCard = (props: {
<div className="flex flex-col gap-5 sm:flex-row">
<Link
href={`/facility/${facility.id}`}
className="hidden h-[150px] min-h-[150px] w-[150px] min-w-[150px] sm:block"
className="hidden h-[10rem] min-h-[10rem] w-[10rem] min-w-[10rem] [@media(min-width:37rem)]:block"
>
<Avatar
name={facility.name || ""}
Expand Down Expand Up @@ -193,7 +193,6 @@ export const FacilityCard = (props: {
</div>
</div>
<div className="flex flex-wrap border-t border-t-secondary-300 bg-secondary-50 px-2 py-1 md:px-3">
{/* <div className="flex justify-between py-2"> */}
<div className="flex w-full flex-wrap justify-between gap-2 py-2">
<div className="flex flex-wrap gap-2">
<DialogModal
Expand Down
Loading