feature(website): faq design update (#679)

socialincome-san · Dec 20, 2023 · e2171a8 · e2171a8
1 parent dc17ac1
commit e2171a8
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/ui/src/components/accordion.tsx b/ui/src/components/accordion.tsx
@@ -43,7 +43,7 @@ const AccordionContent = React.forwardRef<
 	<AccordionPrimitive.Content
 		ref={ref}
 		className={cn(
-			'data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden pl-2 text-sm transition-all',
+			'data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm transition-all',
 			className,
 		)}
 		{...props}

diff --git a/website/src/app/[lang]/[region]/(website)/faq/faq-section.tsx b/website/src/app/[lang]/[region]/(website)/faq/faq-section.tsx
@@ -29,13 +29,15 @@ export function FAQSection({ title, questions }: FAQSectionProps) {
 							</Typography>
 						</AccordionTrigger>
 						<AccordionContent className="prose">
-							<Typography>{question.answer}</Typography>
+							<Typography size="lg" className="text-left">
+								{question.answer}
+							</Typography>
 							{question.links && (
-								<ul className="mt-4 flex list-inside list-disc flex-col space-y-1">
+								<ul className="mt-4 flex list-outside list-disc flex-col space-y-1 pl-3">
 									{question.links?.map((link, index2) => (
-										<li key={index2}>
-											<Link href={link.href} target="_blank" rel="noreferrer">
-												<Typography as="span" color="primary" className="hover:underline">
+										<li key={index2} className="mb-0 pl-3">
+											<Link href={link.href} target="_blank" rel="noreferrer" className="no-underline">
+												<Typography as="span" size="lg" color="primary" className="font-normal hover:underline">
 													{link.title}
 												</Typography>
 											</Link>