Change list styles to make the text a bit smaller (#1360)

apollographql · May 8, 2024 · e922d83 · e922d83
1 parent c235251
commit e922d83
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/silly-hats-tease.md b/.changeset/silly-hats-tease.md
@@ -0,0 +1,5 @@
+---
+"apollo-client-devtools": patch
+---
+
+Revert some changes to the list styles that made the text feel huge
diff --git a/src/application/components/List.tsx b/src/application/components/List.tsx
@@ -9,7 +9,7 @@ export function List({ className, ...props }: ListProps) {
       {...props}
       className={clsx(
         className,
-        "overflow-y-auto flex flex-col gap-2 list-none"
+        "overflow-y-auto flex flex-col gap-1 list-none"
       )}
     />
   );

diff --git a/src/application/components/ListItem.tsx b/src/application/components/ListItem.tsx
@@ -19,7 +19,7 @@ export function ListItem({
       tabIndex={0}
       className={twMerge(
         className,
-        "text-md text-primary dark:text-primary-dark",
+        "text-sm text-primary dark:text-primary-dark",
         "transition-colors duration-200",
         "border-2 border-transparent flex items-center rounded-md cursor-pointer py-2 px-4",
         "focus-visible:outline-none",