Remove redundant dependency, css tweaks

This commit is contained in:
Barunes Padhy 2024-04-22 19:20:07 +03:00
parent 73e316c6c3
commit c7b202c90a
6 changed files with 8 additions and 5 deletions

View File

@ -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>

View File

@ -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">

View File

@ -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%"}}>

View File

@ -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>

View File

@ -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) {

View File

@ -3,3 +3,7 @@ a {
color: inherit; /* Inherits color from parent */
border: none; /* Removes any borders */
}
.min-vh-82{
min-height: 82.2vh;
}