Skip to content

Commit ee76319

Browse files
style: adjust spacing and footer content in page component
Refactor the spacing in the main container and update the footer to include a LinkedIn profile link. Also, adjust the ToastContainer position for better user experience.
1 parent b1c67a7 commit ee76319

File tree

2 files changed

+15
-4
lines changed

2 files changed

+15
-4
lines changed

src/app/_store/filesSlice.ts

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -35,5 +35,6 @@ const filesSlice = createSlice({
3535
},
3636
});
3737

38+
3839
export const { addFile, removeFile, clearFiles, setLoading, setError } = filesSlice.actions;
39-
export default filesSlice.reducer;
40+
export default filesSlice.reducer;

src/app/page.tsx

Lines changed: 13 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ export default function Home() {
1212
<div className="min-h-screen flex flex-col">
1313
<Navbar />
1414
<div className="flex-grow bg-gray-50 dark:bg-gray-900">
15-
<main className="container mx-auto px-4 py-6 flex flex-col gap-4">
15+
<main className="container mx-auto px-4 py-2 flex flex-col gap-1">
1616
<FileUploader />
1717
<FileList />
1818
<DownloadButton />
@@ -21,12 +21,22 @@ export default function Home() {
2121
<footer className="bg-white dark:bg-gray-800 py-3">
2222
<div className="max-w-3xl mx-auto px-4">
2323
<p className="text-center text-sm text-gray-500 dark:text-gray-400">
24-
© 2024 File Combine. All rights reserved.
24+
© 2024 File Combine.
25+
<br/>
26+
<a
27+
href="https://www.linkedin.com/in/mdhasibulislamin"
28+
className="hover:text-blue-500 transition-colors duration-200"
29+
target="_blank"
30+
rel="noopener noreferrer"
31+
>
32+
Made by{" "} Md Hasibul Islam
33+
</a>
34+
2535
</p>
2636
</div>
2737
</footer>
2838
<ToastContainer
29-
position="bottom-right"
39+
position="bottom-left"
3040
autoClose={1000}
3141
hideProgressBar={false}
3242
closeOnClick

0 commit comments

Comments
 (0)