1
1
Fork 0

dashboard changes

This commit is contained in:
Jordy van Zeeland 2024-05-08 11:14:37 +02:00
parent 75c19d7024
commit 78fd45f6cf
5 changed files with 11 additions and 9 deletions

View File

@ -20,7 +20,7 @@ const BookStats = (props) =>{
return ( return (
<React.Fragment> <React.Fragment>
<div className="col-md-4 col-sm-4"> <div className="col-md-6 col-sm-6">
<div className="stat-block"> <div className="stat-block">
<i className="fas fa-book-open"></i> <i className="fas fa-book-open"></i>
<span className="stats-label">Gelezen boeken:</span> <span className="stats-label">Gelezen boeken:</span>
@ -28,14 +28,14 @@ const BookStats = (props) =>{
</div> </div>
</div> </div>
<div className="col-md-4 col-sm-4"> {/* <div className="col-md-4 col-sm-4">
<div className="stat-block"> <div className="stat-block">
<i className="fas fa-book-open"></i> <i className="fas fa-book-open"></i>
<span className="stats-label">Genres:</span> <span className="stats-label">Genres:</span>
<span className="stats-number">{totalgenres ? totalgenres : 0}</span> <span className="stats-number">{totalgenres ? totalgenres : 0}</span>
</div> </div>
</div> </div> */}
</React.Fragment> </React.Fragment>
) )
} }

View File

@ -6,6 +6,7 @@ import Stats from "../components/Stats";
import * as moment from 'moment'; import * as moment from 'moment';
import "../components/DataTables.css"; import "../components/DataTables.css";
import Readed from "../components/Readed.js"; import Readed from "../components/Readed.js";
import Challenge from "../components/Challenge.js";
import Sidebar from "../components/Sidebar.js"; import Sidebar from "../components/Sidebar.js";
import 'flag-icon-css/css/flag-icons.min.css'; import 'flag-icon-css/css/flag-icons.min.css';
import Languages from "../components/Languages.js"; import Languages from "../components/Languages.js";
@ -58,10 +59,7 @@ const Dashboard = (props) => {
<div className="container-fluid"> <div className="container-fluid">
<div className="row"> <div className="row">
<div className="col-md-6"> <div className="col-md-6">
<div className="row">
<Books year={year} /> <Books year={year} />
{/* <Readed year={year} /> */}
</div>
</div> </div>
<div className="col-md-3"> <div className="col-md-3">

View File

@ -489,7 +489,7 @@ html, body{
} }
.stat-block .progress-bar{ .stat-block .progress-bar{
background-color: #404e67; background-color: #405181;
position: relative; position: relative;
overflow: visible; overflow: visible;
border-right: solid 2px #333; border-right: solid 2px #333;

File diff suppressed because one or more lines are too long

View File

@ -22,6 +22,10 @@
!*** ./src/components/Ratings.js ***! !*** ./src/components/Ratings.js ***!
\***********************************/ \***********************************/
/*!*************************************!*\
!*** ./src/components/Challenge.js ***!
\*************************************/
/*!*************************************!*\ /*!*************************************!*\
!*** ./src/components/Languages.js ***! !*** ./src/components/Languages.js ***!
\*************************************/ \*************************************/