dashboard changes
This commit is contained in:
parent
75c19d7024
commit
78fd45f6cf
|
@ -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>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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
|
@ -22,6 +22,10 @@
|
||||||
!*** ./src/components/Ratings.js ***!
|
!*** ./src/components/Ratings.js ***!
|
||||||
\***********************************/
|
\***********************************/
|
||||||
|
|
||||||
|
/*!*************************************!*\
|
||||||
|
!*** ./src/components/Challenge.js ***!
|
||||||
|
\*************************************/
|
||||||
|
|
||||||
/*!*************************************!*\
|
/*!*************************************!*\
|
||||||
!*** ./src/components/Languages.js ***!
|
!*** ./src/components/Languages.js ***!
|
||||||
\*************************************/
|
\*************************************/
|
||||||
|
|
Loading…
Reference in New Issue