From 97fa92e644949278a283c82893178588d970d484 Mon Sep 17 00:00:00 2001
From: mahdi andalib <andalibmahdi45@gmail.com>
Date: Mon, 7 Mar 2022 11:42:51 +0330
Subject: [PATCH] update

---
 src/components/CardHolder/index.js |  4 ++--
 src/components/SemiDonut/index.js  | 26 +++++++++++++++++++-------
 2 files changed, 21 insertions(+), 9 deletions(-)

diff --git a/src/components/CardHolder/index.js b/src/components/CardHolder/index.js
index fe60404..a0fed69 100644
--- a/src/components/CardHolder/index.js
+++ b/src/components/CardHolder/index.js
@@ -13,10 +13,10 @@ const CardHolder = ({
   cardBorderRadius,
 }) => {
   return (
-    <div className="">
+    <div className="w-full">
       {items.map((item, index) => (
         <div
-          className={`w-full px-2 py-1 flex flex-row items-center mt-4 ${cardBorder} ${cardBorderRadius}
+          className={`px-2 py-1 flex flex-row items-center mt-4 ${cardBorder} ${cardBorderRadius}
            ${item.active === true ? "bg-blue-100" : "bg-white"}
           `}
           style={{
diff --git a/src/components/SemiDonut/index.js b/src/components/SemiDonut/index.js
index 4ec3542..ae40a9b 100644
--- a/src/components/SemiDonut/index.js
+++ b/src/components/SemiDonut/index.js
@@ -51,13 +51,25 @@ class SemiDonut extends Component {
 
   render() {
     return (
-      <Chart
-        options={this.state.options}
-        series={this.state.series}
-        type="donut"
-        height="320px"
-        width="100%"
-      />
+      <div className=" relative">
+        <Chart
+          options={this.state.options}
+          series={this.state.series}
+          type="donut"
+          height="320px"
+          width="100%"
+          className=""
+        />
+        <span className="font-bold text-blue-400 text-lg absolute left-1/2 bottom-60 transform -translate-x-1/2 -translate-y-1/2">
+          899GB
+        </span>
+        <span
+          style={{ fontSize: "10px" }}
+          className="text-xs absolute left-1/2 bottom-56 transform -translate-x-1/2 -translate-y-1/2"
+        >
+          استفاده شده از 1000 گیگابایت
+        </span>
+      </div>
     );
   }
 }