added new feature for categorisation | navbar improvemnts

bluedone · Mar 13, 2022 · c4b7f4e · c4b7f4e
1 parent 9234656
commit c4b7f4e
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 11 deletions.
diff --git a/Components/Header.js b/Components/Header.js
@@ -2,9 +2,9 @@ function Header({ topic, topicName, topicCount }) {
  return (
  <>
  {topic && (
- <div className="pt-24 px-12 mx-auto">
- <div className="px-0.5 md:px-7 pt-6 mx-auto flex justify-between">
- <h3 className="text-2xl font-bold">{topicName}</h3>
+ <div className="pt-24 px-12 mx-auto max-w-7xl">
+ <div className="px-0.5 md:px-7 pt-6 mx-auto flex justify-between items-center">
+ <h3 className="text-2xl font-bold text-gray-700 dark:text-gray-200">{topicName}</h3>
 
  <h4 className="text-xl">{topicCount} Articles</h4>
  </div>

diff --git a/Firebase/Firebase.js b/Firebase/Firebase.js
@@ -4,13 +4,13 @@ import { getFirestore } from "firebase/firestore";
 import { getAuth, GoogleAuthProvider } from "firebase/auth";
 
 const firebaseConfig = {
- apiKey: "AIzaSyAQMQzb1Jyvb1r_74FhLWtDB3CUfr6afHc",
- authDomain: "bits-0f-c0de.firebaseapp.com",
- projectId: "bits-0f-c0de",
- storageBucket: "bits-0f-c0de.appspot.com",
- messagingSenderId: "368574995442",
- appId: "1:368574995442:web:d72e83386837e5ea71296b",
- measurementId: "G-EQ0WCPE018",
+ apiKey: String(process.env.FIREBASE_API_KEY),
+ authDomain: process.env.FIREBASE_AUTH_DOMAIN,
+ projectId: process.env.FIREBASE_PROJECT_ID,
+ storageBucket: process.env.FIREBASE_STORAGE_BUCKET,
+ messagingSenderId: process.env.FIREBASE_SENDER_ID,
+ appId: process.env.FIREBASE_APP_ID,
+ measurementId: process.env.FIREBASE_MEASUREMENT_ID,
 };
 const app = initializeApp(firebaseConfig);
 

diff --git a/pages/topic/[name].js b/pages/topic/[name].js
@@ -43,7 +43,7 @@ function name({ blogs, topics, topicName }) {
  <Navbar topics={topics} />
  <Header topic={true} topicCount={blogs.length} topicName={topicName} />
 
- <div className="px-0.5 md:px-7 pb-14 pt-6 mx-auto">
+ <div className="px-0.5 md:px-7 pb-14 pt-6 mx-auto max-w-7xl">
  <div className="flex flex-wrap">
  {blogs &&
  blogs.map(