Skip to content

Commit 3e3663c

Browse files
committed
wip
1 parent 5b4e9ee commit 3e3663c

File tree

8 files changed

+30
-18
lines changed

8 files changed

+30
-18
lines changed

src/app/conf/2025/schedule/_components/filters.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ import {
1111

1212
import { Tag } from "@/app/conf/_design-system/tag"
1313
import { Button } from "@/app/conf/_design-system/button"
14-
import { CheckboxIcon } from "@/app/conf/_design-system/checkbox-icon"
14+
import { CheckboxIcon } from "@/app/conf/_design-system/pixelarticons/checkbox-icon"
1515

1616
import CloseIcon from "@/app/conf/_design-system/pixelarticons/close.svg?svgr"
1717
import CaretDownIcon from "@/app/conf/_design-system/pixelarticons/caret-down.svg?svgr"
Lines changed: 5 additions & 0 deletions
Loading
Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
export function RadioIcon() {
2+
return (
3+
<svg fill="currentColor" viewBox="0 0 24 24">
4+
<path d="M17 3H7v2H5v2H3v10h2v2h2v2h10v-2h2v-2h2V7h-2V5h-2V3zm0 2v2h2v10h-2v2H7v-2H5V7h2V5h10zm-9 6h2v2h2v2h-2v-2H8v-2zm8-2h-2v2h-2v2h2v-2h2V9z" />
5+
</svg>
6+
)
7+
}

src/components/checkbox-tree/checkbox-tree.tsx

Lines changed: 4 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,6 @@ export interface CheckboxTreeItem {
66
label: string
77
value?: string
88
count?: number
9-
description?: string
109
children?: CheckboxTreeItem[]
1110
}
1211

@@ -118,23 +117,18 @@ export function CheckboxTree({
118117
onChange={() => toggleValue(node.value!)}
119118
className="size-4 border border-neu-400 bg-transparent [accent-color:hsl(var(--color-pri-base))]"
120119
/>
121-
<span className="min-w-0 grow truncate text-left">
120+
<span className="min-w-0 grow truncate text-left text-neu-800">
122121
{node.label}
123122
</span>
124123
{typeof node.count === "number" && (
125-
<span className="ml-auto shrink-0 text-xs text-neu-500">
124+
<span className="ml-auto shrink-0 text-xs text-neu-600">
126125
{node.count}
127126
</span>
128127
)}
129128
</label>
130129
) : (
131-
<div className="flex grow flex-col text-sm">
132-
<span className="font-medium text-neu-600">{node.label}</span>
133-
{node.description ? (
134-
<span className="text-xs text-neu-500">
135-
{node.description}
136-
</span>
137-
) : null}
130+
<div className="typography-menu mt-4 text-sm text-neu-900 xl:mt-10">
131+
{node.label}
138132
</div>
139133
)}
140134
</div>

src/components/radio.tsx

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -27,3 +27,4 @@ const RadioGroupItem = forwardRef<
2727
RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName
2828

2929
export { RadioGroup, RadioGroupItem }
30+

src/components/sidebar.tsx

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,7 @@ import {
3030
} from "nextra-theme-docs"
3131

3232
import { Anchor } from "../app/conf/_design-system/anchor"
33+
import ArrowBarLeft from "@/app/conf/_design-system/pixelarticons/arrow-bar-left.svg?svgr"
3334

3435
const TreeState: Record<string, boolean> = Object.create(null)
3536

@@ -507,9 +508,9 @@ export function Sidebar({
507508
setToggleAnimation(true)
508509
}}
509510
>
510-
<ExpandIcon
511-
height="12"
511+
<ArrowBarLeft
512512
className={cn(
513+
"size-4",
513514
!showSidebar && "first:*:_origin-[35%] first:*:_rotate-180",
514515
)}
515516
/>

src/components/tools-and-libraries.tsx

Lines changed: 9 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -279,7 +279,11 @@ export function CodePage({ allTags, data }: CodePageProps) {
279279
/>
280280
</NextHead>
281281
<div className="container py-8 md:pt-16">
282-
<h1 className="typography-h1">Code Using GraphQL</h1>
282+
<h1 className="typography-h1 text-center">Tools and Libraries</h1>
283+
<p className="typography-body-sm mt-8 text-center">
284+
Explore tools and libraries for working with GraphQL across various
285+
languages and platforms.
286+
</p>
283287
<div className="typography-h3 my-10 flex max-w-[700px] items-center border-b border-current pb-2.5">
284288
<div
285289
className={clsx(
@@ -303,7 +307,7 @@ export function CodePage({ allTags, data }: CodePageProps) {
303307
/>
304308
<MagnifyingGlassIcon className="shrink-0" />
305309
</div>
306-
<div className="mt-8 md:grid md:grid-cols-[minmax(240px,300px)_1fr] md:gap-8 xl:grid-cols-[minmax(260px,320px)_1fr]">
310+
<div className="mt-8 md:grid md:grid-cols-[minmax(240px,300px)_1fr] md:gap-8">
307311
<CheckboxTree
308312
items={filterTreeItems}
309313
selectedValues={selectedTags}
@@ -315,9 +319,9 @@ export function CodePage({ allTags, data }: CodePageProps) {
315319
<RadioGroup
316320
value={sort}
317321
onValueChange={setSort}
318-
className="flex flex-wrap gap-2 md:flex-nowrap"
322+
className="typography-menu flex flex-wrap gap-2 text-sm md:flex-nowrap"
319323
>
320-
<div className="mr-4">Sort by:</div>
324+
<div>Sort by:</div>
321325
<div className="flex items-center">
322326
<RadioGroupItem value="popularity" id="r1" />
323327
<label htmlFor="r1" className="cursor-pointer pl-2">
@@ -333,7 +337,7 @@ export function CodePage({ allTags, data }: CodePageProps) {
333337
</RadioGroup>
334338

335339
{/* todo: add md:*:h-full when the readme opens in a modal */}
336-
<div className="mt-6 grid gap-2 py-8 md:grid-cols-2 md:gap-4">
340+
<div className="grid gap-2 py-8 md:grid-cols-2 md:gap-4">
337341
{(sort === "alphabetical"
338342
? [...newData].sort((a, b) =>
339343
a.frontMatter.name.localeCompare(b.frontMatter.name),

0 commit comments

Comments
 (0)