taqi/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

sidebar: align items to center in widescreen

Browse Source
This commit is contained in:
Taqi Tahmid
2025-04-21 19:35:26 +03:00
parent a8824e3864
commit 9cd3573a00
3 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/src/App.tsx
View File

@ -39,6 +39,7 @@ function App() {
</Routes> </Routes>
</Router> </Router>
</div> </div>
<div className="hidden md:block md:w-1/4 md:max-w-[260px] md:max-h-[900px]"></div>
</div> </div>
<Footer /> <Footer />
</section> </section>

2
frontend/src/components/Footer.tsx
View File

@ -4,7 +4,7 @@ const Footer = () => {
const currentYear = new Date().getFullYear() const currentYear = new Date().getFullYear()
return ( return (
<footer className="mt-12 md:mt-24 py-6 border-t border-gray-200 dark:border-gray-800"> <footer className="mt-16 py-6 border-t border-gray-200 dark:border-gray-800">
<div className="max-w-4xl mx-auto px-4"> <div className="max-w-4xl mx-auto px-4">
<div className="flex flex-col items-center gap-4 text-gray-600 dark:text-gray-400 text-sm"> <div className="flex flex-col items-center gap-4 text-gray-600 dark:text-gray-400 text-sm">
<div className="flex items-center gap-2"> <div className="flex items-center gap-2">

4
frontend/src/constants.tsx
View File

@ -100,7 +100,7 @@ export const SOCIALLINKS = {
{ {
icon: <Globe size={20} className={iconClass} />, icon: <Globe size={20} className={iconClass} />,
href: 'https://portfolio.tahmidcloud.com/', href: 'https://portfolio.tahmidcloud.com/',
text: 'My Website', text: 'Website',
}, },
], ],
connect: [ connect: [
@ -119,7 +119,7 @@ export const SOCIALLINKS = {
{ {
icon: <Aperture size={20} className={iconClass} />, icon: <Aperture size={20} className={iconClass} />,
href: 'https://500px.com/p/taqi1203050?view=photos', href: 'https://500px.com/p/taqi1203050?view=photos',
text: 'My Photography', text: 'Photography',
}, },
{ {
icon: <Instagram size={20} className={iconClass} />, icon: <Instagram size={20} className={iconClass} />,