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

120
src/partials/dashboard/DashboardCard11.jsx Normal file
View File

@@ -0,0 +1,120 @@
import React from 'react';
function DashboardCard11() {
return (
<div className="col-span-full xl:col-span-6 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">Income/Expenses</h2>
</header>
<div className="p-3">
{/* Card content */}
{/* "Today" group */}
<div>
<header className="text-xs uppercase text-slate-400 bg-slate-50 rounded-sm font-semibold p-2">Today</header>
<ul className="my-1">
{/* Item */}
<li className="flex px-2">
<div className="w-9 h-9 rounded-full shrink-0 bg-rose-500 my-2 mr-3">
<svg className="w-9 h-9 fill-current text-rose-50" viewBox="0 0 36 36">
<path d="M17.7 24.7l1.4-1.4-4.3-4.3H25v-2H14.8l4.3-4.3-1.4-1.4L11 18z" />
</svg>
</div>
<div className="grow flex items-center border-b border-slate-100 text-sm py-2">
<div className="grow flex justify-between">
<div className="self-center"><a className="font-medium text-slate-800 hover:text-slate-900" href="#0">Qonto</a> billing</div>
<div className="shrink-0 self-start ml-2">
<span className="font-medium text-slate-800">-$49.88</span>
</div>
</div>
</div>
</li>
{/* Item */}
<li className="flex px-2">
<div className="w-9 h-9 rounded-full shrink-0 bg-emerald-500 my-2 mr-3">
<svg className="w-9 h-9 fill-current text-emerald-50" viewBox="0 0 36 36">
<path d="M18.3 11.3l-1.4 1.4 4.3 4.3H11v2h10.2l-4.3 4.3 1.4 1.4L25 18z" />
</svg>
</div>
<div className="grow flex items-center border-b border-slate-100 text-sm py-2">
<div className="grow flex justify-between">
<div className="self-center"><a className="font-medium text-slate-800 hover:text-slate-900" href="#0">Cruip.com</a> Market Ltd 70 Wilson St London</div>
<div className="shrink-0 self-start ml-2">
<span className="font-medium text-emerald-500">+249.88</span>
</div>
</div>
</div>
</li>
{/* Item */}
<li className="flex px-2">
<div className="w-9 h-9 rounded-full shrink-0 bg-emerald-500 my-2 mr-3">
<svg className="w-9 h-9 fill-current text-emerald-50" viewBox="0 0 36 36">
<path d="M18.3 11.3l-1.4 1.4 4.3 4.3H11v2h10.2l-4.3 4.3 1.4 1.4L25 18z" />
</svg>
</div>
<div className="grow flex items-center border-b border-slate-100 text-sm py-2">
<div className="grow flex justify-between">
<div className="self-center"><a className="font-medium text-slate-800 hover:text-slate-900" href="#0">Notion Labs Inc</a></div>
<div className="shrink-0 self-start ml-2">
<span className="font-medium text-emerald-500">+99.99</span>
</div>
</div>
</div>
</li>
{/* Item */}
<li className="flex px-2">
<div className="w-9 h-9 rounded-full shrink-0 bg-emerald-500 my-2 mr-3">
<svg className="w-9 h-9 fill-current text-emerald-50" viewBox="0 0 36 36">
<path d="M18.3 11.3l-1.4 1.4 4.3 4.3H11v2h10.2l-4.3 4.3 1.4 1.4L25 18z" />
</svg>
</div>
<div className="grow flex items-center border-b border-slate-100 text-sm py-2">
<div className="grow flex justify-between">
<div className="self-center"><a className="font-medium text-slate-800 hover:text-slate-900" href="#0">Market Cap Ltd</a></div>
<div className="shrink-0 self-start ml-2">
<span className="font-medium text-emerald-500">+1,200.88</span>
</div>
</div>
</div>
</li>
{/* Item */}
<li className="flex px-2">
<div className="w-9 h-9 rounded-full shrink-0 bg-slate-200 my-2 mr-3">
<svg className="w-9 h-9 fill-current text-slate-400" viewBox="0 0 36 36">
<path d="M21.477 22.89l-8.368-8.367a6 6 0 008.367 8.367zm1.414-1.413a6 6 0 00-8.367-8.367l8.367 8.367zM18 26a8 8 0 110-16 8 8 0 010 16z" />
</svg>
</div>
<div className="grow flex items-center border-b border-slate-100 text-sm py-2">
<div className="grow flex justify-between">
<div className="self-center"><a className="font-medium text-slate-800 hover:text-slate-900" href="#0">App.com</a> Market Ltd 70 Wilson St London</div>
<div className="shrink-0 self-start ml-2">
<span className="font-medium text-slate-800 line-through">+$99.99</span>
</div>
</div>
</div>
</li>
{/* Item */}
<li className="flex px-2">
<div className="w-9 h-9 rounded-full shrink-0 bg-rose-500 my-2 mr-3">
<svg className="w-9 h-9 fill-current text-rose-50" viewBox="0 0 36 36">
<path d="M17.7 24.7l1.4-1.4-4.3-4.3H25v-2H14.8l4.3-4.3-1.4-1.4L11 18z" />
</svg>
</div>
<div className="grow flex items-center text-sm py-2">
<div className="grow flex justify-between">
<div className="self-center"><a className="font-medium text-slate-800 hover:text-slate-900" href="#0">App.com</a> Market Ltd 70 Wilson St London</div>
<div className="shrink-0 self-start ml-2">
<span className="font-medium text-slate-800">-$49.88</span>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
);
}
export default DashboardCard11;