From 452d709e90f210493452d59ee92b2992c5f3a5bc Mon Sep 17 00:00:00 2001 From: tonkec Date: Tue, 17 Dec 2024 17:59:34 +0100 Subject: [PATCH 1/3] fix: remove unused class --- src/components/ProjectList/CardsContainer.jsx | 1 - 1 file changed, 1 deletion(-) diff --git a/src/components/ProjectList/CardsContainer.jsx b/src/components/ProjectList/CardsContainer.jsx index d786add..80a0137 100644 --- a/src/components/ProjectList/CardsContainer.jsx +++ b/src/components/ProjectList/CardsContainer.jsx @@ -143,7 +143,6 @@ export default class CardsContainer extends React.Component { projectLink={item.projectLink} description={item.description} tags={item.tags} - className='testing-testing' /> ); })} From 7e754ddcd769af614214980452bef777f2944a6e Mon Sep 17 00:00:00 2001 From: tonkec Date: Tue, 17 Dec 2024 17:59:54 +0100 Subject: [PATCH 2/3] fix: make navbar responsive --- src/components/Navbar/Navbar.css | 74 ++++++++++++++++---------------- 1 file changed, 38 insertions(+), 36 deletions(-) diff --git a/src/components/Navbar/Navbar.css b/src/components/Navbar/Navbar.css index 6401df9..33381e1 100644 --- a/src/components/Navbar/Navbar.css +++ b/src/components/Navbar/Navbar.css @@ -1,51 +1,53 @@ .topnav { - background-color: #1f293726; - overflow: hidden; - text-align: right; - backdrop-filter: blur(16px); - border: 1px solid #f9fafb1a; - padding: 1.1rem; - display: flex; - justify-content:flex-end; - gap: 16px; + background-color: #1f293726; + overflow: hidden; + text-align: right; + backdrop-filter: blur(16px); + border: 1px solid #f9fafb1a; + padding: 1.1rem; + display: flex; + justify-content: flex-end; + gap: 16px; } + @media (max-width: 700px) { - .topnav { - text-align: center; - overflow: auto; - justify-content: flex-start; - } + .topnav { + flex-direction: column; + text-align: center; + overflow: auto; + justify-content: flex-start; + } } .topnav a { - display: flex; - align-items: center; - gap: 8px; - color: #f2f2f2; - text-align: center; - padding: 0px 15px; - text-decoration: none; - border: 1px solid transparent; - /* font-size: 20px; */ + display: flex; + align-items: center; + gap: 8px; + color: #f2f2f2; + text-align: center; + padding: 0px 15px; + text-decoration: none; + border: 1px solid transparent; + /* font-size: 20px; */ } .topnav a:hover { - background-color: #2c2e2fb3; - color: #f2f2f2; - border-radius: 12px; - border:1px solid #b6b6b94a; - /* display: inline; */ + background-color: #2c2e2fb3; + color: #f2f2f2; + border-radius: 12px; + border: 1px solid #b6b6b94a; + /* display: inline; */ } .topnav a.active { - background-color: #4CAF50; - color: white; + background-color: #4caf50; + color: white; } -.logo{ - margin-top: 10px; - width: 52px; - vertical-align:middle; - height: 42px; - display: inline-block; +.logo { + margin-top: 10px; + width: 52px; + vertical-align: middle; + height: 42px; + display: inline-block; } From d0bd908546e71447da06c8c582fee02673b80596 Mon Sep 17 00:00:00 2001 From: tonkec Date: Tue, 17 Dec 2024 18:01:16 +0100 Subject: [PATCH 3/3] fix: remove slack since link is no longer active --- src/components/Navbar/Navbar.jsx | 5 ----- src/components/Navbar/slack.svg | 1 - 2 files changed, 6 deletions(-) delete mode 100644 src/components/Navbar/slack.svg diff --git a/src/components/Navbar/Navbar.jsx b/src/components/Navbar/Navbar.jsx index 41de4bc..a8f0ea0 100644 --- a/src/components/Navbar/Navbar.jsx +++ b/src/components/Navbar/Navbar.jsx @@ -1,6 +1,5 @@ import React from 'react'; import './Navbar.css'; -import slack from './slack.svg'; import youtube from './youtube.svg'; import twitter from './twitter.svg'; import github from './github.svg'; @@ -8,10 +7,6 @@ import github from './github.svg'; const Navbar = () => { return (
- - slack logo - Slack - youtube logo Youtube diff --git a/src/components/Navbar/slack.svg b/src/components/Navbar/slack.svg deleted file mode 100644 index bcdf161..0000000 --- a/src/components/Navbar/slack.svg +++ /dev/null @@ -1 +0,0 @@ -Slack icon \ No newline at end of file