github/AutoGPT
1
1
Fork 0
mirror of https://github.com/Significant-Gravitas/AutoGPT.git synced 2026-04-08 03:00:28 -04:00
Code Issues Packages Projects Releases Wiki Activity

fixed responsive issues

Browse Source
This commit is contained in:
SwiftyOS
2024-10-17 12:31:50 +02:00
parent 9a742cbe93
commit 6b2d264414
3 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
autogpt_platform/frontend/src/components/agptui/FeaturedStoreCard.tsx
View File

@@ -41,7 +41,7 @@ export const FeaturedStoreCard: React.FC<FeaturedStoreCardProps> = ({
return (
<div
className={`inline-flex w-screen 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`}
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`}
onClick={onClick}
role="featured-store-card"
>

4
autogpt_platform/frontend/src/components/agptui/marketplace/home/FeaturedCreators.tsx
View File

@@ -28,7 +28,7 @@ export const FeaturedCreators: React.FC<FeaturedCreatorsProps> = ({
<div className="font-neue text-[23px] font-bold leading-9 tracking-tight text-[#282828]">
Featured creators
</div>
<div className="w-screen">
<div className="w-full">
<Carousel
className="md:hidden"
opts={{
@@ -53,7 +53,7 @@ export const FeaturedCreators: React.FC<FeaturedCreatorsProps> = ({
))}
</CarouselContent>
</Carousel>
<div className="hidden flex-wrap items-center justify-center gap-5 md:flex lg:justify-start">
<div className="hidden flex-wrap items-center justify-center gap-3 md:flex lg:justify-start">
{featuredCreators.map((creator, index) => (
<CreatorCard
key={index}

2
autogpt_platform/frontend/src/components/agptui/marketplace/home/FeaturedSection.tsx
View File

@@ -26,7 +26,7 @@ export const FeaturedSection: React.FC<FeaturedSectionProps> = ({
Featured agents
</h2>
<div className="flex flex-col items-center justify-center gap-6 sm:flex-row sm:flex-wrap md:flex-nowrap">
<div className="flex flex-col items-center justify-center gap-6 sm:flex-row sm:flex-wrap lg:flex-nowrap">
{featuredAgents.slice(0, 2).map((agent, index) => (
<FeaturedStoreCard
key={index}