master
mahdi andalib 3 years ago
parent e54e928bef
commit b0f046a1c8
  1. 17
      src/components/FileManager/index.js
  2. 10
      src/components/SemiDonut/index.js

@ -12,12 +12,14 @@ import Folderlists from "../Folderlist";
import graySearchIcon from "./images/gray-search-icon.svg";
import arrowLeft from "./images/arrow-left.svg";
import BasicTable from "../ReactTable4/index";
import SemiDonut from "../SemiDonut";
const FileManager = () => {
return (
<div style={{ backgroundColor: "#FBFBFB" }} className="flex flex-row">
{/* ? right Section */}
<div className="flex-1 w-10/12">
<div className="w-9/12">
<div className="px-7 py-5">
{/* ? breadCrumb */}
<div className="mb-5">
@ -81,11 +83,22 @@ const FileManager = () => {
</div>
{/* folderLists */}
<Folderlists />
{/* ? pageTitle */}
<div
className="mt-5 rounded-lg shadow-md w-full"
style={{ backgroundColor: "#FBFBFB" }}
>
{/* <TitleSubtitle /> */}
<BasicTable />
</div>
</div>
</div>
</div>
{/* left Section */}
<div className=" bg-orange-500 w-3/12">fsad </div>
<div className="w-3/12 py-5 ">
<TitleSubtitle />
<SemiDonut />
</div>
</div>
);
};

@ -11,6 +11,9 @@ class SemiDonut extends Component {
chart: {
type: "donut",
},
legend: {
show: false,
},
plotOptions: {
pie: {
startAngle: -90,
@ -20,7 +23,7 @@ class SemiDonut extends Component {
},
grid: {
padding: {
bottom: -80,
bottom: 0,
},
},
responsive: [
@ -37,8 +40,7 @@ class SemiDonut extends Component {
},
],
},
series: [44, 44, 44, 44, 44],
series: [44, 44, 44, 44],
};
}
@ -48,7 +50,7 @@ class SemiDonut extends Component {
options={this.state.options}
series={this.state.series}
type="donut"
height="250"
height="320px"
width="100%"
/>
);

Loading…
Cancel
Save