From be58ca51292b15e91bc50155c50ce07ba9140244 Mon Sep 17 00:00:00 2001 From: Lindotex Date: Thu, 24 Oct 2024 17:13:54 +0100 Subject: [PATCH 1/3] fix: footer added an new className "min-h-96" to the div where the post tabs are located. --- app/(app)/my-posts/_client.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/(app)/my-posts/_client.tsx b/app/(app)/my-posts/_client.tsx index ee9cfcd6..4f7329da 100644 --- a/app/(app)/my-posts/_client.tsx +++ b/app/(app)/my-posts/_client.tsx @@ -108,7 +108,7 @@ const MyPosts = () => { cancelText="Cancel" /> )} -
+
From ce501d5ff8d983ad4e3386ad76d41cdd6f8c6aa2 Mon Sep 17 00:00:00 2001 From: Lindotex Date: Thu, 24 Oct 2024 17:13:55 +0100 Subject: [PATCH 2/3] fix: Footer didn't stick to the bottom. I added an extra className "min-h-96" on the div containing the post tabs.That made the footer goes to the bottom of the page. I tried to make the Footer get Sticked to the bottom, using an "sticky bottom-0" on the Footer, but it didn't work. The component must be flex. --- sample.env | 10 ---------- 1 file changed, 10 deletions(-) delete mode 100644 sample.env diff --git a/sample.env b/sample.env deleted file mode 100644 index bbd1f34c..00000000 --- a/sample.env +++ /dev/null @@ -1,10 +0,0 @@ -GITHUB_ID= ### Replace with GitHub OAuth ID (https://github.com/settings/applications/new) -GITHUB_SECRET= ### Replace with GitHub OAuth Secret (https://github.com/settings/applications/new) -GITLAB_ID= ### Replace with GitLab OAuth ID (https://gitlab.com/-/user_settings/applications) -GITLAB_SECRET= ### Replace with GitLab OAuth Secret (https://gitlab.com/-/user_settings/applications) -NEXTAUTH_URL=http://localhost:3000/api/auth -DATABASE_URL=postgresql://postgres:secret@127.0.0.1:5432/postgres - -E2E_USER_EMAIL=e2e@codu.co -E2E_USER_ID=8e3179ce-f32b-4d0a-ba3b-234d66b836ad -E2E_USER_SESSION_ID=df8a11f2-f20a-43d6-80a0-a213f1efedc1 From 6feef43f06713ceb570dfae3dcf69fce2d8ff882 Mon Sep 17 00:00:00 2001 From: Lindotex Date: Fri, 25 Oct 2024 07:23:09 +0100 Subject: [PATCH 3/3] fix: Footer sticking at the bottom of the page added an grid behavior on the layout, specifying that the children component must fill the available space. That way, the footer will be always placed at the bottom. --- app/(app)/layout.tsx | 16 +++++++++------- app/(app)/my-posts/_client.tsx | 2 +- sample.env | 10 ++++++++++ 3 files changed, 20 insertions(+), 8 deletions(-) create mode 100644 sample.env diff --git a/app/(app)/layout.tsx b/app/(app)/layout.tsx index cdb45497..e73a6071 100644 --- a/app/(app)/layout.tsx +++ b/app/(app)/layout.tsx @@ -79,13 +79,15 @@ export default async function RootLayout({ return ( <> -