small visual enhancements to icons

This commit is contained in:
Milo Schwartz
2024-11-22 23:06:12 -05:00
parent 5388c5d5b4
commit 45e1bff2e0
28 changed files with 299 additions and 138 deletions

View File

@@ -64,7 +64,7 @@ export default function GeneralPage() {
return (
<>
<div className="space-y-6">
<div className="space-y-8">
<SettingsSectionTitle
title="General Settings"
description="Configure the general settings for this site"
@@ -74,7 +74,7 @@ export default function GeneralPage() {
<Form {...form}>
<form
onSubmit={form.handleSubmit(onSubmit)}
className="space-y-6"
className="space-y-8"
>
<FormField
control={form.control}

View File

@@ -8,6 +8,13 @@ import { SidebarSettings } from "@app/components/SidebarSettings";
import Link from "next/link";
import { ArrowLeft } from "lucide-react";
import SettingsSectionTitle from "@app/components/SettingsSectionTitle";
import {
Breadcrumb,
BreadcrumbItem,
BreadcrumbList,
BreadcrumbPage,
BreadcrumbSeparator,
} from "@app/components/ui/breadcrumb";
interface SettingsLayoutProps {
children: React.ReactNode;
@@ -23,7 +30,7 @@ export default async function SettingsLayout(props: SettingsLayoutProps) {
try {
const res = await internal.get<AxiosResponse<GetSiteResponse>>(
`/org/${params.orgId}/site/${params.niceId}`,
await authCookieHeader()
await authCookieHeader(),
);
site = res.data.data;
} catch {
@@ -39,15 +46,18 @@ export default async function SettingsLayout(props: SettingsLayoutProps) {
return (
<>
<div className="mb-4">
<Link
href="../../"
className="text-muted-foreground hover:underline"
>
<div className="flex flex-row items-center gap-1">
<ArrowLeft className="w-4 h-4" /> <span>All Sites</span>
</div>
</Link>
<div className="mb-4 flex-row">
<Breadcrumb>
<BreadcrumbList>
<BreadcrumbItem>
<Link href="../../">Sites</Link>
</BreadcrumbItem>
<BreadcrumbSeparator />
<BreadcrumbItem>
<BreadcrumbPage>{site.name}</BreadcrumbPage>
</BreadcrumbItem>
</BreadcrumbList>
</Breadcrumb>
</div>
<SettingsSectionTitle

View File

@@ -191,11 +191,11 @@ sh get-docker.sh`;
</CredenzaDescription>
</CredenzaHeader>
<CredenzaBody>
<div className="space-y-6">
<div className="space-y-8">
<Form {...form}>
<form
onSubmit={form.handleSubmit(onSubmit)}
className="space-y-6"
className="space-y-8"
id="create-site-form"
>
<FormField