responsive tweaks

This commit is contained in:
SwiftyOS
2024-10-17 12:42:05 +02:00
parent c2b320dd6a
commit 45efe5a947
2 changed files with 2 additions and 2 deletions

View File

@@ -41,7 +41,7 @@ export const FeaturedStoreCard: React.FC<FeaturedStoreCardProps> = ({
return (
<div
className={`inline-flex basis-4/5 cursor-pointer flex-col items-start justify-between gap-3 rounded-xl border border-black/10 bg-[#f9f9f9] px-2 pb-2 pt-4 font-neue text-sm tracking-tight text-[#272727] transition-shadow duration-300 hover:shadow-lg md:h-[37.188rem] md:w-[41.875rem] md:gap-5 md:px-[1.5625rem] md:pb-[0.9375rem] md:pt-[2.1875rem] md:text-xl lg:basis-full`}
className={`inline-flex w-[calc(100vw-2rem)] cursor-pointer flex-col items-start justify-between gap-3 rounded-xl border border-black/10 bg-[#f9f9f9] px-2 pb-2 pt-4 font-neue text-sm tracking-tight text-[#272727] transition-shadow duration-300 hover:shadow-lg md:h-[37.188rem] md:w-[41.875rem] md:gap-5 md:px-[1.5625rem] md:pb-[0.9375rem] md:pt-[2.1875rem] md:text-xl lg:basis-full`}
onClick={onClick}
role="featured-store-card"
>

View File

@@ -121,7 +121,7 @@ export const ProfilePopoutMenu: React.FC<ProfilePopoutMenuProps> = ({
</Avatar>
</div>
</PopoverTrigger>
<PopoverContent className="inline-flex w-[280px] flex-col items-start justify-start gap-3.5 rounded-[10px] border border-black/10 bg-[#efefef] px-4 py-5 shadow">
<PopoverContent className="ml-2 inline-flex w-[280px] flex-col items-start justify-start gap-3.5 rounded-[10px] border border-black/10 bg-[#efefef] px-4 py-5 shadow">
<div className="inline-flex items-end justify-start gap-4">
<Avatar className="h-14 w-14 border border-[#474747]">
<AvatarImage src={avatarSrc} alt={userName} />