Skip to content

Commit 569aada

Browse files
abbi4codeabbi4code
committed
feat: navbar,blogs pg reponsive
1 parent 173afe2 commit 569aada

File tree

7 files changed

+13
-10
lines changed

7 files changed

+13
-10
lines changed

‎client/index.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,9 @@
22
<html lang="en">
33
<head>
44
<meta charset="UTF-8" />
5-
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
5+
<link rel="icon" type="image/svg+xml" href="./src/assets/fcon1.png" />
66
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7-
<title>Vite + React + TS</title>
7+
<title>TCW</title>
88
</head>
99
<body>
1010
<div id="root"></div>

‎client/src/assets/fcon1.png

443 Bytes
Loading

‎client/src/assets/fevicon.png

290 Bytes
Loading

‎client/src/assets/icons8-blog-cute-outline-96.png

1.38 KB
Loading

‎client/src/components/Blogscomponent.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@ export default function BlogCard({
3333

3434
return (
3535
<CardContainer className="inter-var " key={key}>
36-
<CardBody className=" border-[.2px] border-white/10 relative group/card flex flex-col gap-4 md:grid md:grid-cols-3 dark:hover:shadow-2xl md:w-[50rem] lg:w-[70rem] h-auto rounded-xl p-6 backdrop-blur-[2px] ">
36+
<CardBody className=" border-[2px] border-white/10 relative group/card flex flex-col gap-4 md:grid md:grid-cols-3 dark:hover:shadow-2xl md:w-[50rem] lg:w-[70rem] h-auto rounded-xl p-6 backdrop-blur-[2px] ">
3737
<div
3838
className="col-span-1 md:col-span-2 flex flex-col cursor-pointer"
3939
onClick={handleOnclick}

‎client/src/pages/Blogs.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -92,7 +92,7 @@ export function Navbar(){
9292

9393
return (
9494
<div className="flex w-full sticky top-7 text-slate-200 justify-center">
95-
<nav className=" w-[25rem] sm:min-w-[40rem] flex justify-evenly text-xl backdrop-blur-sm items-center rounded-xl gap-5 font-bold px-3 py-2 border border-slate-400">
95+
<nav className=" w-[20rem] sm:min-w-[40rem] flex justify-evenly text-lg backdrop-blur-sm items-center rounded-xl gap-5 font-bold px-3 py-2 border border-slate-400">
9696
<h1 className="hover:text-[#F1E5D1] backdrop-filter cursor-pointer" onClick={()=>{navigate('/')}}>
9797
Home
9898
</h1>

‎client/src/pages/Home.tsx

Lines changed: 9 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -14,14 +14,14 @@ const Home = () => {
1414
<Navbar />
1515
<div className="flex items-center gap-14 justify-center mt-20 bg-opacity-20 p-20 md:shadow-xl flex-col">
1616
<GradualSpacing
17-
className="font-display text-center text-[3rem] sm:text-[5rem] lg:text-[7rem] font-bold tracking-tighter text-black dark:text-white md:leading-[5rem]"
17+
className="font-display text-center text-[2.5rem] sm:text-[5rem] lg:text-[7rem] font-bold tracking-tighter text-black dark:text-white md:leading-[5rem]"
1818
text="Welcome Coders"
1919
duration={0.6}
2020
/>
2121

22-
<div className="flex flex-col gap-2 mt-4 justify-center items-center font-bold text-2xl">
22+
<div className="flex flex-col gap-2 mt-4 justify-center items-center font-bold text-md sm:text-2xl">
2323
<p className="text-white text-center">
24-
<span className="bg-green-600 rounded-lg border border-black px-1 py-1">
24+
<span className="bg-green-600 rounded-lg border border-black px-1 py-1">
2525
Share Your Coding
2626
</span>{" "}
2727
Journey and Discover New Insights
@@ -71,14 +71,14 @@ function Navbar(){
7171

7272
const navItems = [
7373
{
74-
name: "All blogs",
74+
name: "Blogs",
7575
onClick: () => {
7676
token ? navigate("/blogs") : navigate("/signin");
7777
},
7878
className: "",
7979
},
8080
{
81-
name: "Create Blog",
81+
name: "Create",
8282
onClick: () => {
8383
token ? navigate("/createblog") : navigate("/signin");
8484
},
@@ -95,9 +95,12 @@ function Navbar(){
9595
return (
9696
<div className="bg-black w-full h-16 flex items-center absolute top-2 justify-center px-10">
9797
<div className="flex w-full xl:min-w-[40rem] bg-[#0f1115] justify-around items-center border md:gap-4 rounded-xl px-1 sm:px-3 py-2 border-white">
98-
<h1 className="font-extrabold font-sans text-center mr-3 sm:mr-5 text-[#F6D776] text-md sm:text-xl md:text-3xl">
98+
<h1 className="font-extrabold font-sans hidden sm:block text-center mr-3 sm:mr-5 text-[#F6D776] text-sm sm:text-xl md:text-3xl">
9999
The Code Whisperers
100100
</h1>
101+
<h1 className="font-extrabold font-sans sm:hidden text-center mr-3 sm:mr-5 text-[#F6D776] text-sm sm:text-xl md:text-3xl">
102+
TCW
103+
</h1>
101104
<div className="flex gap-3 sm:gap-5 justify-center items-center">
102105
{navItems.map((item) => (
103106
<h1

0 commit comments

Comments
 (0)