make all chat area components tabbable (accessibility) (#246)

* make all chat area components tabbable * align message role description * remove inline styles on icons * remove inline styles on icons
2023-03-28 01:35:57 -07:00
parent 5d31947ab9
commit a78a8c4a94
12 changed files with 83 additions and 96 deletions
@@ -19,13 +19,7 @@ export const PromptList: FC<Props> = ({
  return (
    <ul
      ref={promptListRef}
-      className="z-10 w-full rounded border border-black/10 bg-white shadow-[0_0_10px_rgba(0,0,0,0.10)] dark:border-neutral-500 dark:bg-[#343541] dark:text-white dark:shadow-[0_0_15px_rgba(0,0,0,0.10)]"
-      style={{
-        width: 'calc(100% - 48px)',
-        bottom: '100%',
-        marginBottom: '4px',
-        maxHeight: '200px',
-      }}
+      className="z-10 w-full rounded border border-black/10 bg-white shadow-[0_0_10px_rgba(0,0,0,0.10)] dark:border-neutral-500 dark:bg-[#343541] dark:text-white dark:shadow-[0_0_15px_rgba(0,0,0,0.10)] max-h-52 overflow-scroll"
    >
      {prompts.map((prompt, index) => (
        <li