Remove redundant dependency, css tweaks
This commit is contained in:
parent
73e316c6c3
commit
c7b202c90a
@ -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>
|
||||
|
||||
@ -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">
|
||||
|
||||
@ -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%"}}>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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) {
|
||||
|
||||
@ -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;
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user