cfbender/snowballtools-base
1
0
Fork 0
forked from cerc-io/snowballtools-base
Code Pull Requests Activity

fix: colors for project template cards

Browse Source
This commit is contained in:
Cody Bender 2024-11-05 11:49:55 -05:00
parent 163724f88e
commit 7f054b7c6e
3 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/frontend/src/pages/org-slug/projects/create/Template.tsx
View File

@ -57,7 +57,7 @@ const CreateWithTemplate = () => {
return ( return (
<div className="flex flex-col items-center gap-6 lg:gap-10 mx-auto w-full lg:w-5/6"> <div className="flex flex-col items-center gap-6 lg:gap-10 mx-auto w-full lg:w-5/6">
<div className="flex flex-col lg:flex-row justify-between w-full my-4 bg-base-bg-alternate rounded-xl p-6 gap-3 items-start lg:items-center"> <div className="flex flex-col lg:flex-row justify-between w-full my-4 bg-base-bg-alternate dark:bg-overlay rounded-xl p-6 gap-3 items-start lg:items-center">
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
<TemplateIcon type={template?.icon as TemplateIconType} size={48} /> <TemplateIcon type={template?.icon as TemplateIconType} size={48} />
<Heading className="font-medium">{template?.name}</Heading> <Heading className="font-medium">{template?.name}</Heading>

6
packages/frontend/src/pages/org-slug/projects/create/success/Id.tsx
View File

@ -55,7 +55,7 @@ const Id = () => {
</div> </div>
{/* Card */} {/* Card */}
<div className="bg-base-bg-alternate rounded-xl shadow-inset w-full px-1 py-1"> <div className="bg-base-bg-alternate dark:bg-overlay2 rounded-xl shadow-inset w-full px-1 py-1">
{/* Trigger question */} {/* Trigger question */}
<div className="flex gap-2 justify-center items-center py-3"> <div className="flex gap-2 justify-center items-center py-3">
<div className="h-5 w-5"> <div className="h-5 w-5">
@ -67,7 +67,7 @@ const Id = () => {
</div> </div>
{/* CTA card */} {/* CTA card */}
<div className="bg-surface-card rounded-xl shadow-card-sm px-4 py-4"> <div className="bg-surface-card dark:bg-overlay rounded-xl shadow-card-sm dark:shadow-background px-4 py-4">
<div className="flex gap-2"> <div className="flex gap-2">
<Badge variant="secondary">1</Badge> <Badge variant="secondary">1</Badge>
<div className="space-y-3"> <div className="space-y-3">
@ -75,7 +75,7 @@ const Id = () => {
<Heading as="h6" className="text-sm font-sans"> <Heading as="h6" className="text-sm font-sans">
Add a custom domain Add a custom domain
</Heading> </Heading>
<p className="text-xs text-elements-low-em font-sans"> <p className="text-xs text-elements-low-em dark:text-foreground-secondary font-sans">
Make it easy for your visitors to remember your URL with a Make it easy for your visitors to remember your URL with a
custom domain. custom domain.
</p> </p>

13
packages/frontend/src/pages/org-slug/projects/create/template/index.tsx
View File

@ -152,13 +152,18 @@ const CreateRepo = () => {
<Heading as="h3" className="text-lg font-medium"> <Heading as="h3" className="text-lg font-medium">
Create a repository Create a repository
</Heading> </Heading>
<Heading as="h5" className="text-sm font-sans text-elements-low-em"> <Heading
as="h5"
className="text-sm font-sans text-elements-low-em dark:text-foreground-secondary"
>
The project will be cloned into this repository The project will be cloned into this repository
</Heading> </Heading>
</div> </div>
<div className="flex flex-col justify-start gap-3"> <div className="flex flex-col justify-start gap-3">
<span className="text-sm text-elements-high-em">Git account</span> <span className="text-sm text-elements-high-em dark:text-foreground">
Git account
</span>
{gitAccounts.length > 0 ? ( {gitAccounts.length > 0 ? (
<Controller <Controller
name="account" name="account"
@ -181,7 +186,9 @@ const CreateRepo = () => {
)} )}
</div> </div>
<div className="flex flex-col justify-start gap-3"> <div className="flex flex-col justify-start gap-3">
<span className="text-sm text-elements-high-em">Name the repo</span> <span className="text-sm text-elements-high-em dark:text-foreground">
Name the repo
</span>
<Controller <Controller
name="repoName" name="repoName"
control={control} control={control}