From c7b202c90ace21a530ac69ead11a8348810f8645 Mon Sep 17 00:00:00 2001
From: Barunes Padhy <contact@barunes.io>
Date: Mon, 22 Apr 2024 19:20:07 +0300
Subject: [PATCH] Remove redundant dependency, css tweaks

---
 frontend/src/components/views/blog-list.jsx     | 2 +-
 frontend/src/components/views/blog.jsx          | 2 +-
 frontend/src/components/views/category-list.jsx | 2 +-
 frontend/src/components/views/home.jsx          | 2 +-
 frontend/src/components/views/shared/navbar.jsx | 1 -
 frontend/src/index.css                          | 4 ++++
 6 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/views/blog-list.jsx b/frontend/src/components/views/blog-list.jsx
index d7e9ee3..1adad04 100644
--- a/frontend/src/components/views/blog-list.jsx
+++ b/frontend/src/components/views/blog-list.jsx
@@ -53,7 +53,7 @@ function BlogList(props) {
       <Container fluid className={`p-0 ${ThemeConfig[GlobalTheme].background}`}>
       <CategoryBar currentPage={categoryID} GlobalTheme={GlobalTheme} ThemeConfig={ThemeConfig}/>
         <Row className="justify-content-center align-items-center">
-          <Col className="d-flex flex-column align-items-center min-vh-83">
+          <Col className="d-flex flex-column align-items-center min-vh-82">
             <div className="w-100">
             <Card className={`my-2 ${ThemeConfig[GlobalTheme].background}`} style={{"width": "100%"}}>
               <CardBody>
diff --git a/frontend/src/components/views/blog.jsx b/frontend/src/components/views/blog.jsx
index e4c9dbf..49ba3ec 100644
--- a/frontend/src/components/views/blog.jsx
+++ b/frontend/src/components/views/blog.jsx
@@ -24,7 +24,7 @@ function Blog(props) {
 
   if (GlobalTheme && ThemeConfig) {
   return (
-    <Container fluid className={`min-vh-83 ${ThemeConfig[GlobalTheme].background}`}>
+    <Container fluid className={`min-vh-82 ${ThemeConfig[GlobalTheme].background}`}>
     <CategoryBar currentPage={blogData.parentCategory} GlobalTheme={GlobalTheme} ThemeConfig={ThemeConfig}/>
       <Row className="mb-4">
         <Col className="p-0">
diff --git a/frontend/src/components/views/category-list.jsx b/frontend/src/components/views/category-list.jsx
index 6c5b1cc..aa20f42 100644
--- a/frontend/src/components/views/category-list.jsx
+++ b/frontend/src/components/views/category-list.jsx
@@ -35,7 +35,7 @@ function Blogs(props) {
     return (
       <Container fluid className={`p-0 ${ThemeConfig[GlobalTheme].background}`}>
         <Row className="justify-content-center align-items-center">
-          <Col className="d-flex flex-column align-items-center min-vh-83">
+          <Col className="d-flex flex-column align-items-center min-vh-82">
             {/* Top Section - Categories */}
             <div className="w-100">
             <Card className={`my-2 ${ThemeConfig[GlobalTheme].background}`} style={{"width": "100%"}}>
diff --git a/frontend/src/components/views/home.jsx b/frontend/src/components/views/home.jsx
index aca3cd3..7d54f28 100644
--- a/frontend/src/components/views/home.jsx
+++ b/frontend/src/components/views/home.jsx
@@ -8,7 +8,7 @@ function HomePage(props) {
   if (GlobalTheme && ThemeConfig) 
   return (
     <Container fluid className={`p-0 ${ThemeConfig[GlobalTheme].background}`}>
-      <div className="d-flex flex-column justify-content-center align-items-center min-vh-83">
+      <div className="d-flex flex-column justify-content-center align-items-center min-vh-82">
       {UserData.profilePhoto !== "" ? <img style={{ width: '180px', height: '180px', objectFit: 'cover' }} className="rounded-circle" src={MediaService.getMedia(UserData.profilePhoto)} /> : ""}
         <h3 className={`${ThemeConfig[GlobalTheme].textColor}`}>
           <center>
diff --git a/frontend/src/components/views/shared/navbar.jsx b/frontend/src/components/views/shared/navbar.jsx
index 4d01a4a..11ebc19 100644
--- a/frontend/src/components/views/shared/navbar.jsx
+++ b/frontend/src/components/views/shared/navbar.jsx
@@ -16,7 +16,6 @@ import { useState, useEffect } from 'react';
 import MediaService from '../../../services/media-service'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faSun, faMoon, faPen } from '@fortawesome/free-solid-svg-icons';
-import ToggleButton from '../../elements/toggle-button';
 import { Link } from 'react-router-dom';
 
 function Header(props) {
diff --git a/frontend/src/index.css b/frontend/src/index.css
index 24af19f..614b9b6 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -2,4 +2,8 @@ a {
     text-decoration: none; /* Removes underline */
     color: inherit;       /* Inherits color from parent */
     border: none;         /* Removes any borders */
+}
+
+.min-vh-82{
+    min-height: 82.2vh;
 }
\ No newline at end of file