[nm] remove autofocus

a-type · Feb 9, 2025 · 385a444 · 385a444
1 parent 3fe824c
commit 385a444
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 12 deletions.
diff --git a/apps/names/web/src/components/people/PersonDetails.tsx b/apps/names/web/src/components/people/PersonDetails.tsx
@@ -36,7 +36,7 @@ export function PersonDetails({ person, className }: PersonDetailsProps) {
 				onValueChange={(value) => person.set('name', value)}
 				className="text-xl"
 			/>
-			<Box d="col" items="stretch" className="px-md" gap>
+			<Box d="col" items="stretch" gap>
 				<Box className="text-xs text-gray-7" items="center" gap="sm">
 					<Icon name="clock" /> Added {new Date(createdAt).toLocaleDateString()}{' '}
 					(

diff --git a/apps/names/web/src/components/people/PersonTagEditor.tsx b/apps/names/web/src/components/people/PersonTagEditor.tsx
@@ -39,16 +39,20 @@ export function PersonTagEditor({ person }: PersonTagEditorProps) {
 			<Dialog>
 				<Dialog.Trigger asChild>
 					<Button size="small">
-						<Icon name="plus" />
-						<span>Tag</span>
+						<Icon name="plus" className="w-10px h-10px" />
+						<span className="text-xs">tag</span>
 					</Button>
 				</Dialog.Trigger>
-				<Dialog.Content className="flex flex-col gap-md">
+				<Dialog.Content className="flex flex-col">
 					<Suspense>
-						<TagFilter value={tags.getAll()} onToggle={toggleTag} />
+						<TagFilter
+							value={tags.getAll()}
+							onToggle={toggleTag}
+							className="mb-md"
+						/>
 						<TagCreateForm onCreate={createTag} defaultColor="leek" />
 					</Suspense>
-					<Dialog.Actions>
+					<Dialog.Actions className="border-0 border-t border-solid border-gray-5">
 						<Dialog.Close asChild>
 							<Button>Done</Button>
 						</Dialog.Close>

diff --git a/apps/names/web/src/components/superBar/SuperBar.tsx b/apps/names/web/src/components/superBar/SuperBar.tsx
@@ -16,7 +16,6 @@ export function SuperBar({ className }: SuperBarProps) {
 				ref={inputRef}
 				className={clsx('w-full', !!inputValue ? 'pr-[32px]' : undefined)}
 				placeholder="Search or add..."
-				autoFocus
 				value={inputValue}
 				onValueChange={setInputValue}
 				onKeyDown={(e) => {

diff --git a/packages/client/src/components/TagCreateForm.tsx b/packages/client/src/components/TagCreateForm.tsx
@@ -39,11 +39,13 @@ export function TagCreateForm({
 			{({ setFieldValue, values }) => (
 				<>
 					<Box gap items="end" className="w-full">
-						<TextField name="name" label="New tag" className="flex-1" />
-						<ColorPicker
-							onChange={(v) => setFieldValue('color', v)}
-							value={values.color ?? defaultColor ?? null}
-						/>
+						<TextField name="name" label="New tag" className="flex-1-0-0" />
+						<Box className="flex-basis-auto">
+							<ColorPicker
+								onChange={(v) => setFieldValue('color', v)}
+								value={values.color ?? defaultColor ?? null}
+							/>
+						</Box>
 					</Box>
 					<Box justify="end" className="w-full">
 						<SubmitButton type="submit">Create</SubmitButton>