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

added font-neue

Browse Source
This commit is contained in:
SwiftyOS
2024-10-11 12:05:28 +02:00
parent e241a4cc2a
commit 72e4eb2418
6 changed files with 32 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
autogpt_platform/frontend/src/app/globals.css
View File

@@ -2,6 +2,23 @@
@tailwind components;
@tailwind utilities;
@font-face {
font-family: 'PP Neue Montreal TT';
src: url('/fonts/PPNeueMontreal-Regular.woff2') format('woff2'),
url('/fonts/PPNeueMontreal-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@layer base {
.font-neue {
font-family: 'PP Neue Montreal TT', sans-serif;
}
}
@layer utilities {
.text-balance {
text-wrap: balance;

6
autogpt_platform/frontend/src/components/agptui/BecomeACreator.tsx
View File

@@ -18,13 +18,13 @@ export const BecomeACreator: React.FC<BecomeACreatorProps> = ({
}) => {
return (
<div className="w-full flex flex-col items-center justify-between space-y-8 py-8">
<div className="font-['PP Neue Montreal TT'] mb-8 self-start text-[23px] font-bold leading-9 tracking-tight text-[#282828]">
<div className="font-neue mb-8 self-start text-[23px] font-bold leading-9 tracking-tight text-[#282828]">
{title}
</div>
<div className="font-['PP Neue Montreal TT'] text-center text-5xl font-medium leading-9 tracking-wide text-[#272727] max-w-full">
<div className="font-neue text-center text-5xl font-medium leading-9 tracking-wide text-[#272727] max-w-full">
{heading}
</div>
<div className="font-['PP Neue Montreal TT'] text-center text-[26px] font-medium leading-9 tracking-tight text-[#878787] max-w-full">
<div className="font-neue text-center text-[26px] font-medium leading-9 tracking-tight text-[#878787] max-w-full">
{description}
</div>
<Button onClick={onButtonClick} className="mt-8">

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

@@ -5,7 +5,7 @@ import { cva, type VariantProps } from "class-variance-authority";
import { cn } from "@/lib/utils";
const buttonVariants = cva(
"inline-flex items-center justify-center whitespace-nowrap rounded-[80px] text-xl font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-950 disabled:pointer-events-none disabled:opacity-50 dark:focus-visible:ring-neutral-300 font-['PP Neue Montreal TT'] leading-9 tracking-tight",
"inline-flex items-center justify-center whitespace-nowrap rounded-[80px] text-xl font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-950 disabled:pointer-events-none disabled:opacity-50 dark:focus-visible:ring-neutral-300 font-neue leading-9 tracking-tight",
{
variants: {
variant: {

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

@@ -51,30 +51,30 @@ export const FeaturedStoreCard: React.FC<FeaturedStoreCardProps> = ({
onMouseLeave={handleMouseLeave}
>
<div className="flex flex-col items-start justify-start gap-3.5 self-stretch">
<div className="font-['PP Neue Montreal TT'] self-stretch text-[40px] font-medium leading-[43px] tracking-tight text-[#272727]">
<div className="font-neue self-stretch text-[40px] font-medium leading-[43px] tracking-tight text-[#272727]">
{agentName}
</div>
<div className="font-['PP Neue Montreal TT'] self-stretch text-xl font-normal tracking-tight text-[#878787]">
<div className="font-neue self-stretch text-xl font-normal tracking-tight text-[#878787]">
by {creatorName}
</div>
</div>
<div className="flex h-[381px] flex-col items-start justify-start gap-5 self-stretch">
<div className="font-['PP Neue Montreal TT'] w-[540px] text-xl font-normal tracking-tight text-[#282828]">
<div className="font-neue w-[540px] text-xl font-normal tracking-tight text-[#282828]">
{description}
</div>
<div className="h-[245px] self-stretch rounded-xl bg-[#a8a8a8]" />
<div className="flex items-center justify-between self-stretch">
<div>
<span className="font-['PP Neue Montreal TT'] text-xl font-medium tracking-tight text-[#272727]">
<span className="font-neue text-xl font-medium tracking-tight text-[#272727]">
{runs.toLocaleString()}+
</span>
<span className="font-['PP Neue Montreal TT'] text-xl font-normal tracking-tight text-[#272727]">
<span className="font-neue text-xl font-normal tracking-tight text-[#272727]">
{" "}
runs
</span>
</div>
<div className="flex items-center gap-2">
<div className="font-['PP Neue Montreal TT'] text-xl font-normal tracking-tight text-[#272727]">
<div className="font-neue text-xl font-normal tracking-tight text-[#272727]">
{rating.toFixed(1)}
</div>
<div className="flex items-center justify-start gap-px">

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

@@ -42,7 +42,7 @@ export const SearchBar: React.FC<SearchBarProps> = ({
value={searchQuery}
onChange={handleInputChange}
placeholder={placeholder}
className={`flex-grow border-none bg-transparent ${textColor} font-['PP Neue Montreal TT'] text-[23px] font-normal leading-9 tracking-tight placeholder:${placeholderColor} focus:outline-none`}
className={`flex-grow border-none bg-transparent ${textColor} font-neue text-[23px] font-normal leading-9 tracking-tight placeholder:${placeholderColor} focus:outline-none`}
/>
</div>
</form>

8
autogpt_platform/frontend/src/components/agptui/StoreCard.tsx
View File

@@ -54,17 +54,17 @@ export const StoreCard: React.FC<StoreCardProps> = ({
<AvatarImage src={avatarSrc} alt={agentName} />
<AvatarFallback>{agentName.charAt(0)}</AvatarFallback>
</Avatar>
<div className="font-['PP Neue Montreal TT'] absolute left-0 top-[254px] text-xl font-bold tracking-tight text-[#272727]">
<div className="font-neue absolute left-0 top-[254px] text-xl font-bold tracking-tight text-[#272727]">
{agentName}
</div>
<div className="font-['PP Neue Montreal TT'] absolute left-0 top-[284px] w-[440px] text-base font-normal leading-[21px] tracking-tight text-[#282828]">
<div className="font-neue absolute left-0 top-[284px] w-[440px] text-base font-normal leading-[21px] tracking-tight text-[#282828]">
{description}
</div>
<div className="font-['PP Neue Montreal TT'] absolute left-0 top-[360px] text-base font-medium tracking-tight text-[#272727]">
<div className="font-neue absolute left-0 top-[360px] text-base font-medium tracking-tight text-[#272727]">
{runs.toLocaleString()}+ runs
</div>
<div className="absolute left-[297px] top-[360px] pb-2">
<div className="font-['PP Neue Montreal TT'] absolute left-0 top-0 text-base font-medium tracking-tight text-[#272727]">
<div className="font-neue absolute left-0 top-0 text-base font-medium tracking-tight text-[#272727]">
{rating.toFixed(1)}
</div>
<div className="absolute left-[34px] top-0 inline-flex h-[19px] items-center justify-start gap-px">