strtus/Vercel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refine configuration design

Browse Source
This commit is contained in:
Sam Becker 2025-06-25 17:41:46 -05:00
parent 434d3bcb8f
commit 4698c5fe64
4 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/admin/AdminAppConfigurationClient.tsx
View File

@ -33,7 +33,7 @@ import { AI_AUTO_GENERATED_FIELDS_ALL } from '@/photo/ai';
import clsx from 'clsx/lite'; import clsx from 'clsx/lite';
import Link from 'next/link'; import Link from 'next/link';
import { PATH_FEED_JSON, PATH_RSS_XML } from '@/app/paths'; import { PATH_FEED_JSON, PATH_RSS_XML } from '@/app/paths';
import { FaListUl } from 'react-icons/fa6'; import { FaRegFolderClosed } from 'react-icons/fa6';
export default function AdminAppConfigurationClient({ export default function AdminAppConfigurationClient({
// Storage // Storage
@ -533,7 +533,7 @@ export default function AdminAppConfigurationClient({
</ChecklistGroup> </ChecklistGroup>
<ChecklistGroup <ChecklistGroup
title="Categories" title="Categories"
icon={<FaListUl size={14} />} icon={<FaRegFolderClosed size={15} />}
optional optional
> >
<ChecklistRow <ChecklistRow
@ -572,7 +572,7 @@ export default function AdminAppConfigurationClient({
{renderEnvVars(['NEXT_PUBLIC_CATEGORY_VISIBILITY'])} {renderEnvVars(['NEXT_PUBLIC_CATEGORY_VISIBILITY'])}
</ChecklistRow> </ChecklistRow>
<ChecklistRow <ChecklistRow
title="Collapsable sidebar" title="Collapsible sidebar"
status={collapseSidebarCategories} status={collapseSidebarCategories}
optional optional
> >

6
src/components/ChecklistGroup.tsx
View File

@ -34,16 +34,16 @@ export default function ChecklistGroup({
)} )}
> >
<span className="w-8 sm:w-9 shrink-0">{icon}</span> <span className="w-8 sm:w-9 shrink-0">{icon}</span>
<span className="inline-flex flex-wrap items-center gap-y-1 gap-x-1.5"> <span className="inline-flex flex-wrap items-center gap-y-1 gap-x-2.5">
<ResponsiveText shortText={titleShort}> <ResponsiveText shortText={titleShort}>
{title} {title}
</ResponsiveText> </ResponsiveText>
{optional && {optional &&
<Badge type="small" className="translate-y-[0.5px]"> <Badge type="small">
Optional Optional
</Badge>} </Badge>}
{experimental && {experimental &&
<ExperimentalBadge className="translate-y-[0.5px]" />} <ExperimentalBadge />}
</span> </span>
</a>}> </a>}>
{children} {children}

2
src/components/ChecklistRow.tsx
View File

@ -38,7 +38,7 @@ export default function ChecklistRow({
)}> )}>
{title} {title}
{experimental && {experimental &&
<ExperimentalBadge className="translate-y-[-0.5px]" />} <ExperimentalBadge className="translate-y-[0.5px]" />}
</div> </div>
<div className="leading-relaxed text-medium"> <div className="leading-relaxed text-medium">
{children} {children}

2
src/components/ExperimentalBadge.tsx
View File

@ -12,7 +12,7 @@ export default function ExperimentalBadge({
className={clsx( className={clsx(
'text-pink-500 dark:text-white', 'text-pink-500 dark:text-white',
'bg-pink-100 dark:bg-pink-600', 'bg-pink-100 dark:bg-pink-600',
'pt-0.5', 'uppercase',
className, className,
)}> )}>
Experimental Experimental