admin/BlockchainUI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
kandrusyak
2022-05-23 12:56:31 +03:00
commit 3cea343aaf
395 changed files with 37099 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

96
src/partials/analytics/AnalyticsCard06.jsx Normal file
View File

@@ -0,0 +1,96 @@
import React from 'react';
import { Link } from 'react-router-dom';
function AnalyticsCard06() {
return (
<div className="flex flex-col col-span-full sm:col-span-6 xl:col-span-4 bg-white shadow-lg rounded-sm border border-slate-200">
<header className="px-5 py-4 border-b border-slate-100">
<h2 className="font-semibold text-slate-800">Top Pages</h2>
</header>
<div className="grow p-3">
<div className="flex flex-col h-full">
{/* Card content */}
<div className="grow">
<ul className="flex justify-between text-xs uppercase text-slate-400 font-semibold px-2 space-x-2">
<li>Source</li>
<li>Pageviews</li>
</ul>
<ul className="space-y-1 text-sm text-slate-800 mt-3 mb-4">
{/* Item */}
<li className="relative px-2 py-1">
<div className="absolute inset-0 bg-emerald-100" aria-hidden="true" style={{width: '82%'}}></div>
<div className="relative flex justify-between space-x-2">
<div>cruip.com/</div>
<div className="font-medium">28K</div>
</div>
</li>
{/* Item */}
<li className="relative px-2 py-1">
<div className="absolute inset-0 bg-emerald-100" aria-hidden="true" style={{width: '70%'}}></div>
<div className="relative flex justify-between space-x-2">
<div>preview.cruip.com/open-pro/</div>
<div className="font-medium">12K</div>
</div>
</li>
{/* Item */}
<li className="relative px-2 py-1">
<div className="absolute inset-0 bg-emerald-100" aria-hidden="true" style={{width: '60%'}}></div>
<div className="relative flex justify-between space-x-2">
<div>preview.cruip.com/appy/</div>
<div className="font-medium">9.7K</div>
</div>
</li>
{/* Item */}
<li className="relative px-2 py-1">
<div className="absolute inset-0 bg-emerald-100" aria-hidden="true" style={{width: '44%'}}></div>
<div className="relative flex justify-between space-x-2">
<div>cruip.com/unlimited/</div>
<div className="font-medium">9.2K</div>
</div>
</li>
{/* Item */}
<li className="relative px-2 py-1">
<div className="absolute inset-0 bg-emerald-100" aria-hidden="true" style={{width: '40%'}}></div>
<div className="relative flex justify-between space-x-2">
<div>preview.cruip.com/simple/</div>
<div className="font-medium">7K</div>
</div>
</li>
{/* Item */}
<li className="relative px-2 py-1">
<div className="absolute inset-0 bg-emerald-100" aria-hidden="true" style={{width: '30%'}}></div>
<div className="relative flex justify-between space-x-2">
<div>cruip.com/about-us/</div>
<div className="font-medium">6.4K</div>
</div>
</li>
{/* Item */}
<li className="relative px-2 py-1">
<div className="absolute inset-0 bg-emerald-100" aria-hidden="true" style={{width: '22%'}}></div>
<div className="relative flex justify-between space-x-2">
<div>docs.cruip.com/</div>
<div className="font-medium">5.4K</div>
</div>
</li>
{/* Item */}
<li className="relative px-2 py-1">
<div className="absolute inset-0 bg-emerald-100" aria-hidden="true" style={{width: '12%'}}></div>
<div className="relative flex justify-between space-x-2">
<div>preview.cruip.com/twist/</div>
<div className="font-medium">2.2K</div>
</div>
</li>
</ul>
</div>
{/* Card footer */}
<div className="text-center pt-4 pb-1 border-t border-slate-100">
<Link className="text-sm font-medium text-indigo-500 hover:text-indigo-600" to="#0">Page Report -&gt;</Link>
</div>
</div>
</div>
</div>
);
}
export default AnalyticsCard06;