From b37e2e164e81863937be130fc38b2bf83885fc1c Mon Sep 17 00:00:00 2001
From: wlren <weilinwork99@gmail.com>
Date: Thu, 20 Oct 2022 11:24:47 +0800
Subject: [PATCH] [questions][ui] bottom padding

---
 apps/portal/src/pages/questions/index.tsx | 63 ++++++++++++-----------
 1 file changed, 33 insertions(+), 30 deletions(-)

diff --git a/apps/portal/src/pages/questions/index.tsx b/apps/portal/src/pages/questions/index.tsx
index f3ef3c49..69e6dae7 100644
--- a/apps/portal/src/pages/questions/index.tsx
+++ b/apps/portal/src/pages/questions/index.tsx
@@ -370,36 +370,39 @@ export default function QuestionsHomePage() {
                   console.log(value);
                 }}
               />
-              {(questions ?? []).map((question) => (
-                <QuestionOverviewCard
-                  key={question.id}
-                  answerCount={question.numAnswers}
-                  company={question.company}
-                  content={question.content}
-                  href={`/questions/${question.id}/${createSlug(
-                    question.content,
-                  )}`}
-                  location={question.location}
-                  questionId={question.id}
-                  receivedCount={question.receivedCount}
-                  role={question.role}
-                  timestamp={question.seenAt.toLocaleDateString(undefined, {
-                    month: 'short',
-                    year: 'numeric',
-                  })}
-                  type={question.type}
-                  upvoteCount={question.numVotes}
-                  onReceivedSubmit={(data) => {
-                    console.log(data);
-                  }}
-                />
-              ))}
-              {questions?.length === 0 && (
-                <div className="flex w-full items-center justify-center gap-2 rounded-md border border-slate-300 bg-slate-200 p-4 text-slate-600">
-                  <NoSymbolIcon className="h-6 w-6" />
-                  <p>Nothing found. Try changing your search filters.</p>
-                </div>
-              )}
+              <div className="flex flex-col gap-4 pb-4">
+                {(questions ?? []).map((question) => (
+                  <QuestionOverviewCard
+                    key={question.id}
+                    answerCount={question.numAnswers}
+                    company={question.company}
+                    content={question.content}
+                    href={`/questions/${question.id}/${createSlug(
+                      question.content,
+                    )}`}
+                    location={question.location}
+                    questionId={question.id}
+                    receivedCount={question.receivedCount}
+                    role={question.role}
+                    timestamp={question.seenAt.toLocaleDateString(undefined, {
+                      month: 'short',
+                      year: 'numeric',
+                    })}
+                    type={question.type}
+                    upvoteCount={question.numVotes}
+                    onReceivedSubmit={(data) => {
+                      // eslint-disable-next-line no-console
+                      console.log(data);
+                    }}
+                  />
+                ))}
+                {questions?.length === 0 && (
+                  <div className="flex w-full items-center justify-center gap-2 rounded-md border border-slate-300 bg-slate-200 p-4 text-slate-600">
+                    <NoSymbolIcon className="h-6 w-6" />
+                    <p>Nothing found. Try changing your search filters.</p>
+                  </div>
+                )}
+              </div>
             </div>
           </div>
         </section>