Skip to content

Where people and agents ship software together. The open-source git platform for the whole job: issues, agents, checks and deploys to the edge.

g1t.sh

Commit

A project's pages line up with its header and tabs. Deployments, a deployment, an observability request, Observability settings, New release and the Soon pages each centred themselves in a narrower box inside the project's own, so their content sat indented on both sides while Observability, Issues and the rest ran the full width; Usage added the page's padding a second time. They now start at the same edge: lists and detail pages take the full width, and the forms and Soon pages keep their reading width from the left. Checked: the site's typecheck (tsc -b --force), its 911 tests and a production build.

syntaqxcommitted Parent60e8784Browse files
7 files+7−70/7 viewed
+1−1
5252 const { deployment, build } = loaderData;
5353 const base = `/${params.owner}/${params.repo}`;
5454 return (
55− <div className="mx-auto max-w-5xl">
55+ <div>
5656 <Link to={`${base}/deployments`} className="inline-flex items-center gap-1 text-sm text-muted hover:text-fg">
5757 <ArrowLeft size={14} />
5858 Deployments
+1−1
141141 const planNeeded = pages?.plan != null && !pages.plan.on && !pages.plan.included && pages.live.length === 0;
142142
143143 return (
144− <div className="mx-auto max-w-5xl">
144+ <div>
145145 <header className="flex flex-wrap items-start justify-between gap-4">
146146 <div className="min-w-0">
147147 <h1 className="flex items-center gap-2 text-xl font-semibold tracking-tight">
+1−1
3737 ["Environment", r.environment ?? "—"],
3838 ];
3939 return (
40− <div className="mx-auto max-w-5xl">
40+ <div>
4141 <Link to={`${base}/observability/requests`} className="inline-flex items-center gap-1 text-sm text-muted hover:text-fg">
4242 <ChevronLeft size={14} />
4343 Requests
+1−1
113113 const submit = useSubmit();
114114
115115 return (
116− <div className="mx-auto max-w-4xl">
116+ <div className="max-w-4xl">
117117 <ObservabilityHeader title="Observability settings" about="Where the project's telemetry comes from, how long it is kept, and where else it goes." />
118118 <div className="mt-4 min-h-5">
119119 {actionData && "notice" in actionData && <p className="text-sm text-success">{actionData.notice}</p>}
+1−1
4848 export default function NewRelease({ loaderData, actionData }: Route.ComponentProps) {
4949 const { tags, branches, defaultBranch } = loaderData;
5050 return (
51− <div className="mx-auto max-w-3xl space-y-5">
51+ <div className="max-w-3xl space-y-5">
5252 <div>
5353 <h2 className="text-xl font-semibold tracking-tight">New release</h2>
5454 <p className="mt-1 text-sm text-muted">
+1−1
5858 const siblings = roadmapIn(item.section).filter((other) => other.key !== item.key);
5959 const inWorkspace = item.section === "Workspace";
6060 return (
61− <div className="mx-auto max-w-3xl">
61+ <div className="max-w-3xl">
6262 {/* A project's tabs already say where this is; the workspace's need saying. */}
6363 {inWorkspace && (
6464 <p className="mb-4 flex items-center gap-2 text-sm text-muted">
+1−1
3434 export default function ProjectUsage({ loaderData }: Route.ComponentProps) {
3535 const { slug, project, owner, filters, url, report } = loaderData;
3636 return (
37− <div className="mx-auto max-w-6xl px-4 py-6 sm:px-6">
37+ <div>
3838 <h1 className="mb-4 text-lg font-semibold tracking-tight">Usage</h1>
3939 <Suspense
4040 fallback={

Comments

Sign in to comment.