barunespadhy/rangolio
barunespadhy/rangolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Remove redundant dependency, css tweaks

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/views/blog-list.jsx
View File

@ -53,7 +53,7 @@ function BlogList(props) {
<Container fluid className={`p-0 ${ThemeConfig[GlobalTheme].background}`}> <Container fluid className={`p-0 ${ThemeConfig[GlobalTheme].background}`}>
<CategoryBar currentPage={categoryID} GlobalTheme={GlobalTheme} ThemeConfig={ThemeConfig}/> <CategoryBar currentPage={categoryID} GlobalTheme={GlobalTheme} ThemeConfig={ThemeConfig}/>
<Row className="justify-content-center align-items-center"> <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"> <div className="w-100">
<Card className={`my-2 ${ThemeConfig[GlobalTheme].background}`} style={{"width": "100%"}}> <Card className={`my-2 ${ThemeConfig[GlobalTheme].background}`} style={{"width": "100%"}}>
<CardBody> <CardBody>

2
frontend/src/components/views/blog.jsx
View File

@ -24,7 +24,7 @@ function Blog(props) {
if (GlobalTheme && ThemeConfig) { if (GlobalTheme && ThemeConfig) {
return ( 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}/> <CategoryBar currentPage={blogData.parentCategory} GlobalTheme={GlobalTheme} ThemeConfig={ThemeConfig}/>
<Row className="mb-4"> <Row className="mb-4">
<Col className="p-0"> <Col className="p-0">

2
frontend/src/components/views/category-list.jsx
View File

@ -35,7 +35,7 @@ function Blogs(props) {
return ( return (
<Container fluid className={`p-0 ${ThemeConfig[GlobalTheme].background}`}> <Container fluid className={`p-0 ${ThemeConfig[GlobalTheme].background}`}>
<Row className="justify-content-center align-items-center"> <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 */} {/* Top Section - Categories */}
<div className="w-100"> <div className="w-100">
<Card className={`my-2 ${ThemeConfig[GlobalTheme].background}`} style={{"width": "100%"}}> <Card className={`my-2 ${ThemeConfig[GlobalTheme].background}`} style={{"width": "100%"}}>

2
frontend/src/components/views/home.jsx
View File

@ -8,7 +8,7 @@ function HomePage(props) {
if (GlobalTheme && ThemeConfig) if (GlobalTheme && ThemeConfig)
return ( return (
<Container fluid className={`p-0 ${ThemeConfig[GlobalTheme].background}`}> <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)} /> : ""} {UserData.profilePhoto !== "" ? <img style={{ width: '180px', height: '180px', objectFit: 'cover' }} className="rounded-circle" src={MediaService.getMedia(UserData.profilePhoto)} /> : ""}
<h3 className={`${ThemeConfig[GlobalTheme].textColor}`}> <h3 className={`${ThemeConfig[GlobalTheme].textColor}`}>
<center> <center>

1
frontend/src/components/views/shared/navbar.jsx
View File

@ -16,7 +16,6 @@ import { useState, useEffect } from 'react';
import MediaService from '../../../services/media-service' import MediaService from '../../../services/media-service'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faSun, faMoon, faPen } from '@fortawesome/free-solid-svg-icons'; import { faSun, faMoon, faPen } from '@fortawesome/free-solid-svg-icons';
import ToggleButton from '../../elements/toggle-button';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
function Header(props) { function Header(props) {

4
frontend/src/index.css
View File

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