update area to 80% width

Author: CoNETProject

src/components/MiningStatus/index.css

@@ -37,6 +37,7 @@
 .mining-status > div:not(:first-child) {
   border: 1px solid #cfcfcf0a;
   border-radius: 16px;
+  width: 80%;
 }
 
 .rate {

src/components/MiningStatus/index.tsx

@@ -15,14 +15,17 @@ const MiningStatus = () => {
   }, miningData)
 
   return (
-    <div className="mining-status">
-      <div className="mining">
-        <div className={`circle ${isMiningUp ? "green" : "red"}`}></div>
-        <p>Mining {isMiningUp ? "UP" : "DOWN"}</p>
-      </div>
-      <div className="rate">Mining Rate: {miningData?.rate ? miningData.rate : <Skeleton height="14px" width="45px" />}</div>
-      <div className="miners">Online Miners: {miningData?.online ? miningData.online : <Skeleton height="14px" width="45px" />}</div>
-	  <div className="miners">Online VPN Users: {miningData?.totalUsers ? miningData.totalUsers : <Skeleton height="14px" width="45px" />}</div>
+    <div style={{width:"80%"}}>
+		<div className="mining-status">
+			<div className="mining">
+			<div className={`circle ${isMiningUp ? "green" : "red"}`}></div>
+			<p>Mining {isMiningUp ? "UP" : "DOWN"}</p>
+			</div>
+			<div className="rate">Mining Rate: {miningData?.rate ? miningData.rate : <Skeleton height="14px" width="45px" />}</div>
+			<div className="miners">Online Miners: {miningData?.online ? miningData.online : <Skeleton height="14px" width="45px" />}</div>
+			<div className="miners">Online VPN Users: {miningData?.totalUsers ? miningData.totalUsers : <Skeleton height="14px" width="45px" />}</div>
+
+		</div>
     </div>
   );
 };

src/pages/Home/index.css

@@ -388,7 +388,7 @@ h1 span {
 }
 
 .vip-button {
-  width: 100%;
+  width: 80%;
   border: 0;
   background: #2A3038;
   padding: 12px 8px;

src/pages/Home/index.tsx

@@ -470,7 +470,7 @@ const Home = () => {
           </>
         )}
 
-        <button className="vip-button" onClick={() => navigate("/vip")}>
+        <button className="vip-button" onClick={() => navigate("/vip")} style={{width: "80%"}}>
           VIP Service
         </button>
       </div>