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
@@ -194,11 +194,9 @@ export const Chatbar: FC<Props> = ({
            />
          </div>
        ) : (
-          <div className="mt-8 select-none text-center text-white opacity-50">
-            <IconMessagesOff className="mx-auto mb-3" />
-            <span className="text-[14px] leading-normal">
+          <div className="flex flex-col gap-3 items-center text-sm leading-normal mt-8 text-white opacity-50">
+            <IconMessagesOff />
              {t('No conversations.')}
-            </span>
          </div>
        )}
      </div>