Skip to content

Commit

Permalink
fix: faq text cut off clicked from nav (#355)
Browse files Browse the repository at this point in the history
armanmoztar authored Sep 2, 2024

Verified

This commit was created on GitHub.com and signed with GitHub’s verified signature.
1 parent a60bc02 commit c48da8b
Showing 2 changed files with 8 additions and 3 deletions.
5 changes: 5 additions & 0 deletions src/app/globals.css
Original file line number Diff line number Diff line change
@@ -136,6 +136,11 @@ tbody {
}
}

#faq {
/* control how much to scroll when faq is clicked from the nav */
scroll-margin-top: 70px;
}

.white-glow {
-webkit-box-shadow: 0px 0px 177px 27px rgba(120, 110, 138, 0.44);
-moz-box-shadow: 0px 0px 177px 27px rgba(120, 110, 138, 0.44);
6 changes: 3 additions & 3 deletions src/components/general/faqSection.tsx
Original file line number Diff line number Diff line change
@@ -41,14 +41,14 @@ export default function FaqSection({ faqs }: FaqSectionProps) {
return (
<div className="flex flex-col items-center py-10 pt-20">
<h2
className="text-3xl text-heading font-[600] text-[48px] text-white "
className="text-3xl text-heading font-[600] text-[48px] text-white"
id={"faq"}
>
Frequently Asked Questions
</h2>
<div className="max-w-7xl mx-auto py-20 px-4 sm:py-24 sm:px-6 lg:px-8">
<dl className="grid grid-cols-1 gap-y-6 lg:grid-cols-2 sm:gap-x-8 sm:gap-y-8">
<div className="sm:col-span-1 gap-y-6 flex flex-col ">
<div className="sm:col-span-1 gap-y-6 flex flex-col">
{makeFAQColumn(faqs, 0, Math.ceil(faqs.length / 2))}
</div>
<div className="sm:col-span-1 gap-y-6 flex flex-col">
@@ -67,7 +67,7 @@ function QuestionAccordion({
setOpenIndex,
}: QuestionAccordionProps) {
return (
<div className="bg-[#3A3543] py-[20px] px-[20px] h-fit rounded-lg ">
<div className="bg-[#3A3543] py-[20px] px-[20px] h-fit rounded-lg border border-purple-300">
<dt className="text-lg">
<button
className="text-left w-full px-2.5 flex justify-between items-start text-white"

0 comments on commit c48da8b

Please sign in to comment.