btwedutech/hoppscotch
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

refactor: remove of light mode from admin dashboard + added README, .env.example (#33)

Browse Source
This commit is contained in:
Joel Jacob Stephen
2023-03-13 18:57:29 +05:30
committed by GitHub
parent 65719b560b
commit 753db25e4c
17 changed files with 157 additions and 313 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
packages/hoppscotch-sh-admin/src/pages/dashboard.vue
View File

@@ -1,77 +1,57 @@
<template>
<div class="sm:px-6 p-4">
<h3 class="text-3xl font-medium text-gray-800 dark:text-gray-200 mb-6">
Dashboard
</h3>
<h3 class="text-3xl font-medium text-gray-200 mb-6">Dashboard</h3>
<div class="mt-4">
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
<div class="w-full">
<div
class="flex items-center px-5 py-6 bg-zinc-200 dark:bg-zinc-800 rounded-md shadow-sm"
class="flex items-center px-5 py-6 bg-zinc-800 rounded-md shadow-sm"
>
<icon-lucide-user-cog class="text-2xl text-emerald-500" />
<div class="mx-5">
<h4
class="text-2xl font-semibold text-gray-700 dark:text-gray-200"
>
1000
</h4>
<div class="text-gray-600 dark:text-gray-400">Total Users</div>
<h4 class="text-2xl font-semibold text-gray-200">1000</h4>
<div class="text-gray-400">Total Users</div>
</div>
</div>
</div>
<div class="w-full">
<div
class="flex items-center px-5 py-6 bg-zinc-200 dark:bg-zinc-800 rounded-md shadow-sm"
class="flex items-center px-5 py-6 bg-zinc-800 rounded-md shadow-sm"
>
<icon-lucide-users class="text-2xl text-pink-400" />
<div class="mx-5">
<h4
class="text-2xl font-semibold text-gray-700 dark:text-gray-200"
>
200
</h4>
<div class="text-gray-600 dark:text-gray-400">Total Teams</div>
<h4 class="text-2xl font-semibold text-gray-200">200</h4>
<div class="text-gray-400">Total Teams</div>
</div>
</div>
</div>
<div class="w-full">
<div
class="flex items-center px-5 py-6 bg-zinc-200 dark:bg-zinc-800 rounded-md shadow-sm"
class="flex items-center px-5 py-6 bg-zinc-800 rounded-md shadow-sm"
>
<icon-lucide-lock class="text-2xl text-cyan-400" />
<div class="mx-5">
<h4
class="text-2xl font-semibold text-gray-700 dark:text-gray-200"
>
20
</h4>
<div class="text-gray-600 dark:text-gray-400">Total Roles</div>
<h4 class="text-2xl font-semibold text-gray-200">20</h4>
<div class="text-gray-400">Total Roles</div>
</div>
</div>
</div>
<div class="w-full">
<div
class="flex items-center px-5 py-6 bg-zinc-200 dark:bg-zinc-800 rounded-md shadow-sm"
class="flex items-center px-5 py-6 bg-zinc-800 rounded-md shadow-sm"
>
<icon-lucide-line-chart class="text-2xl text-orange-400" />
<div class="mx-5">
<h4
class="text-2xl font-semibold text-gray-700 dark:text-gray-200"
>
215
</h4>
<div class="text-gray-600 dark:text-gray-400">
Total Collections
</div>
<h4 class="text-2xl font-semibold text-gray-200">215</h4>
<div class="text-gray-400">Total Collections</div>
</div>
</div>
</div>