Skip to content

Commit

Permalink
update readme & dashboard
Browse files Browse the repository at this point in the history
  • Loading branch information
undercode99 committed Oct 23, 2020
1 parent 1e4033f commit c2e8f44
Show file tree
Hide file tree
Showing 2 changed files with 72 additions and 70 deletions.
13 changes: 11 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -51,6 +51,7 @@ npm run build
- [ ] Breadcrumb
- [ ] Avatar
- [ ] ...

- Page
- [ ] Login
- [ ] Register
Expand All @@ -66,14 +67,22 @@ npm run build
- [ ] Email
- [ ] Chating
- [ ] Social Network
- [ ] Filemanager
- [ ] ...

- Layout
- [ ] Right Vertical
- [ ] Right Vertical fluid
- [X] Horizontal
- [ ] Horizontal Fluid
- [ ] ...

Coming soon
- Dashboard
- [X] Dashboard v1 - Performance Product
- [ ] ...

## Coming soon
- Vue Version
- React Version
- React Version

## Licence
129 changes: 61 additions & 68 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,8 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>
Jakarta LTE - Free Admin Templates & Rich UI KIT by Tailwind CSS
Jakarta LTE - Free and Open Source Admin Templates, Rich UI Kit base on
Tailwind CSS
</title>
<!-- Tailwind css -->
<link rel="stylesheet" href="./dist/css/tailwind.min.css" />
Expand Down Expand Up @@ -121,27 +122,27 @@ <h1 class="text-2xl mt-1 font-medium">Performance Product</h1>
<div
class="bg-white my-2 mx-2 border rounded-md flex-col flex h-40"
>
<div class="px-4 py-3 pb-0 flex justify-between flex-auto">
<div>
<div class="px-4 py-3 pb-0 flex-auto">
<div class="flex justify-between">
<div class="text-gray-600 text-sm">Total Revenue</div>
<a
href=""
class="inline-flex text-sm items-center text-gray-600"
>
<span>Last 30 days</span>
<i
class="inline-flex items-center bx bx-chevron-down ml-1"
></i>
</a>
</div>
<div>
<div class="text-3xl inline font-medium text-gray-700">
$2,820
</div>
<span class="text-sm text-green-500"
>+4.61% <i class="bx bx-up-arrow-alt"></i
></span>
</div>
<div>
<a
href=""
class="inline-flex text-sm items-center text-gray-700"
>
<span>Last 30 days</span>
<i
class="inline-flex items-center bx bx-chevron-down ml-1"
></i>
</a>
</div>
</div>
<div id="chart-sparkline-1"></div>
</div>
Expand All @@ -150,27 +151,24 @@ <h1 class="text-2xl mt-1 font-medium">Performance Product</h1>
<div
class="bg-white my-2 mx-2 border rounded-md flex-col flex h-40"
>
<div class="px-4 py-3 pb-0 flex justify-between flex-auto">
<div>
<div class="px-4 py-3 pb-0 flex-auto">
<div class="pb-0 flex justify-between">
<div class="text-gray-600 text-sm">Sales Product</div>
<div class="text-3xl inline font-medium text-gray-700">
760
</div>
<span class="text-sm text-green-500"
>+5.66% <i class="bx bx-up-arrow-alt"></i
></span>
</div>
<div>
<a
href=""
class="inline-flex items-center text-gray-700 text-sm"
>
<span>Last 30 days</span>
<i
class="inline-flex items-center bx bx-chevron-down ml-1"
></i>
</a>
<a
href=""
class="inline-flex items-center text-gray-600 text-sm"
>
<span>Last 30 days</span>
<i
class="inline-flex items-center bx bx-chevron-down ml-1"
></i>
</a>
</div>

<div class="text-3xl inline font-medium text-gray-700">760</div>
<span class="text-sm text-green-500"
>+5.66% <i class="bx bx-up-arrow-alt"></i
></span>
</div>
<div id="chart-sparkline-2" class="p-3 px-2"></div>
</div>
Expand All @@ -179,27 +177,26 @@ <h1 class="text-2xl mt-1 font-medium">Performance Product</h1>
<div
class="bg-white my-2 mx-2 border rounded-md flex-col flex h-40"
>
<div class="px-4 py-3 pb-0 flex justify-between flex-auto">
<div>
<div class="px-4 py-3 pb-0 flex-auto">
<div class="flex justify-between flex-auto">
<div class="text-gray-600 text-sm">User Activity</div>
<div class="text-3xl inline font-medium text-gray-700">
2,169K
</div>
<span class="text-sm text-red-500"
>-23.24% <i class="bx bx-down-arrow-alt"></i
></span>
<a
href=""
class="inline-flex items-center text-gray-600 text-sm"
>
<span>Last 30 days</span>
<i
class="inline-flex items-center bx bx-chevron-down ml-1"
></i>
</a>
</div>
<div>
<a
href=""
class="inline-flex items-center text-gray-700 text-sm"
>
<span>Last 30 days</span>
<i
class="inline-flex items-center bx bx-chevron-down ml-1"
></i>
</a>

<div class="text-3xl inline font-medium text-gray-700">
2,169K
</div>
<span class="text-sm text-red-500"
>-23.24% <i class="bx bx-down-arrow-alt"></i
></span>
</div>
<div id="chart-sparkline-3" class="p-3 px-2"></div>
</div>
Expand All @@ -208,24 +205,20 @@ <h1 class="text-2xl mt-1 font-medium">Performance Product</h1>
<div
class="bg-white my-2 mx-2 border rounded-md flex-col flex h-40"
>
<div class="px-4 py-3 pb-0 flex justify-between flex-auto">
<div>
<div class="px-4 py-3 flex-auto">
<div class="pb-0 flex justify-between">
<div class="text-gray-600 text-sm">Feedback</div>
<div class="text-3xl inline font-medium text-gray-700">
456
</div>
</div>
<div>
<a
href=""
class="inline-flex items-center text-gray-700 text-sm"
>
<span>Last 30 days</span>
<i
class="inline-flex items-center bx bx-chevron-down ml-1"
></i>
</a>
<a
href=""
class="inline-flex items-center text-gray-600 text-sm"
>
<span>Last 30 days</span>
<i
class="inline-flex items-center bx bx-chevron-down ml-1"
></i>
</a>
</div>
<div class="text-3xl inline font-medium text-gray-700">456</div>
</div>
<div class="px-4 pb-6">
<div class="flex justify-between mb-2">
Expand Down Expand Up @@ -257,7 +250,7 @@ <h1 class="text-2xl font-medium inline">1875</h1>
<div class="text-gray-700">Sales Product Categories</div>
</div>
<div>
<a class="py-1 px-4 rounded text-gray-700">
<a class="py-1 px-4 rounded text-gray-600">
Last 60 days
<i class="bx bx-chevron-down ml-1"></i>
</a>
Expand Down

0 comments on commit c2e8f44

Please sign in to comment.