Login hx
This commit is contained in:
@@ -8,246 +8,135 @@ export default function LoginActivityTab() {
|
||||
<table className="w-full text-sm text-left text-gray-500 dark:text-gray-400">
|
||||
<tbody>
|
||||
<tr className="text-base text-thin-light-gray border-b dark:border-[#5356fb29] default-border-b dark:border-[#5356fb29] ottom ">
|
||||
<td className="py-4 text-center">OS</td>
|
||||
<td className="py-4 text-center">Browser</td>
|
||||
<td className="py-4 text-center">Channel</td>
|
||||
<td className="py-4 text-center">Date</td>
|
||||
<td className="py-4 text-center">Location</td>
|
||||
<td className="py-4 text-center">Last session</td>
|
||||
<td className="py-4 text-center">Status</td>
|
||||
<td className="py-4 text-center"></td>
|
||||
</tr>
|
||||
<tr className="bg-white dark:bg-dark-white border-b dark:border-[#5356fb29] hover:bg-gray-50">
|
||||
<td className="text-center py-4">
|
||||
<div className="flex items-center justify-center">
|
||||
<span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap px-2">
|
||||
Windows
|
||||
Desktop
|
||||
</span>
|
||||
</div>
|
||||
</td>
|
||||
<td className="text-center py-4">
|
||||
<div className="flex space-x-1 items-center justify-center">
|
||||
<span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap px-2">
|
||||
Google Chrome
|
||||
10-10-2035
|
||||
</span>
|
||||
</div>
|
||||
</td>
|
||||
<td className="text-center py-4">
|
||||
<span className="text-base text-dark-gray dark:text-white whitespace-nowrap px-2">
|
||||
Dhaka , Bangladesh
|
||||
10.0.0.1000
|
||||
</span>
|
||||
</td>
|
||||
<td className="text-center py-4">
|
||||
<span className="text-base text-thin-light-gray font-medium whitespace-nowrap px-2">
|
||||
2 days ago
|
||||
</span>
|
||||
</td>
|
||||
<td className="text-center py-4">
|
||||
<span className="text-sm px-[10px] py-[6px] rounded-full bg-light-green text-white capitalize">
|
||||
active
|
||||
</span>
|
||||
</td>
|
||||
<td className="text-center py-4">
|
||||
<button
|
||||
type="button"
|
||||
className=" text-thin-light-gray hover:text-red-400"
|
||||
>
|
||||
<Icons name="deep-delete" />
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr className="bg-white dark:bg-dark-white border-b dark:border-[#5356fb29] hover:bg-gray-50">
|
||||
<td className="text-center py-4">
|
||||
<div className="flex items-center justify-center">
|
||||
<span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap px-2">
|
||||
Mac
|
||||
Desktop
|
||||
</span>
|
||||
</div>
|
||||
</td>
|
||||
<td className="text-center py-4">
|
||||
<div className="flex space-x-1 items-center justify-center">
|
||||
<span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap px-2">
|
||||
Firefox
|
||||
10-10-2035
|
||||
</span>
|
||||
</div>
|
||||
</td>
|
||||
<td className="text-center py-4">
|
||||
<span className="text-base text-dark-gray dark:text-white whitespace-nowrap px-2">
|
||||
Tokyo,japan
|
||||
10.0.0.1000
|
||||
</span>
|
||||
</td>
|
||||
<td className="text-center py-4">
|
||||
<span className="text-base text-thin-light-gray font-medium whitespace-nowrap px-2">
|
||||
5 days ago
|
||||
</span>
|
||||
</td>
|
||||
<td className="text-center py-4">
|
||||
<span className="text-sm px-[10px] py-[6px] rounded-full bg-light-red text-white capitalize">
|
||||
Inactive
|
||||
</span>
|
||||
</td>
|
||||
<td className="text-center py-4">
|
||||
<button
|
||||
type="button"
|
||||
className=" text-thin-light-gray hover:text-red-400"
|
||||
>
|
||||
<Icons name="deep-delete" />
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr className="bg-white dark:bg-dark-white border-b dark:border-[#5356fb29] hover:bg-gray-50">
|
||||
<td className="text-center py-4">
|
||||
<div className="flex items-center justify-center">
|
||||
<span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap px-2">
|
||||
App
|
||||
Desktop
|
||||
</span>
|
||||
</div>
|
||||
</td>
|
||||
<td className="text-center py-4">
|
||||
<div className="flex space-x-1 items-center justify-center">
|
||||
<span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap px-2">
|
||||
App
|
||||
10-10-2035
|
||||
</span>
|
||||
</div>
|
||||
</td>
|
||||
<td className="text-center py-4">
|
||||
<span className="text-base text-dark-gray dark:text-white whitespace-nowrap px-2">
|
||||
Barhin,Dubai
|
||||
10.0.0.1000
|
||||
</span>
|
||||
</td>
|
||||
<td className="text-center py-4">
|
||||
<span className="text-base text-thin-light-gray font-medium whitespace-nowrap px-2">
|
||||
2 days ago
|
||||
</span>
|
||||
</td>
|
||||
<td className="text-center py-4">
|
||||
<span className="text-sm px-[10px] py-[6px] rounded-full bg-light-green text-white capitalize">
|
||||
active
|
||||
</span>
|
||||
</td>
|
||||
<td className="text-center py-4">
|
||||
<button
|
||||
type="button"
|
||||
className=" text-thin-light-gray hover:text-red-400"
|
||||
>
|
||||
<Icons name="deep-delete" />
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr className="bg-white dark:bg-dark-white border-b dark:border-[#5356fb29] hover:bg-gray-50">
|
||||
<td className="text-center py-4">
|
||||
<div className="flex items-center justify-center">
|
||||
<span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap px-2">
|
||||
Windows
|
||||
Desktop
|
||||
</span>
|
||||
</div>
|
||||
</td>
|
||||
<td className="text-center py-4">
|
||||
<div className="flex space-x-1 items-center justify-center">
|
||||
<span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap px-2">
|
||||
Google Chrome
|
||||
10-10-2035
|
||||
</span>
|
||||
</div>
|
||||
</td>
|
||||
<td className="text-center py-4">
|
||||
<span className="text-base text-dark-gray dark:text-white whitespace-nowrap px-2">
|
||||
Dhaka , Bangladesh
|
||||
10.0.0.1000
|
||||
</span>
|
||||
</td>
|
||||
<td className="text-center py-4">
|
||||
<span className="text-base text-thin-light-gray font-medium whitespace-nowrap px-2">
|
||||
2 days ago
|
||||
</span>
|
||||
</td>
|
||||
<td className="text-center py-4">
|
||||
<span className="text-sm px-[10px] py-[6px] rounded-full bg-light-green text-white capitalize">
|
||||
active
|
||||
</span>
|
||||
</td>
|
||||
<td className="text-center py-4">
|
||||
<button
|
||||
type="button"
|
||||
className=" text-thin-light-gray hover:text-red-400"
|
||||
>
|
||||
<Icons name="deep-delete" />
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr className="bg-white dark:bg-dark-white border-b dark:border-[#5356fb29] hover:bg-gray-50">
|
||||
<td className="text-center py-4">
|
||||
<div className="flex items-center justify-center">
|
||||
<span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap px-2">
|
||||
Mac
|
||||
Desktop
|
||||
</span>
|
||||
</div>
|
||||
</td>
|
||||
<td className="text-center py-4">
|
||||
<div className="flex space-x-1 items-center justify-center">
|
||||
<span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap px-2">
|
||||
Firefox
|
||||
10-10-2035
|
||||
</span>
|
||||
</div>
|
||||
</td>
|
||||
<td className="text-center py-4">
|
||||
<span className="text-base text-dark-gray dark:text-white whitespace-nowrap px-2">
|
||||
Tokyo,japan
|
||||
10.0.0.1000
|
||||
</span>
|
||||
</td>
|
||||
<td className="text-center py-4">
|
||||
<span className="text-base text-thin-light-gray font-medium whitespace-nowrap px-2">
|
||||
5 days ago
|
||||
</span>
|
||||
</td>
|
||||
<td className="text-center py-4">
|
||||
<span className="text-sm px-[10px] py-[6px] rounded-full bg-light-red text-white capitalize">
|
||||
Inactive
|
||||
</span>
|
||||
</td>
|
||||
<td className="text-center py-4">
|
||||
<button
|
||||
type="button"
|
||||
className=" text-thin-light-gray hover:text-red-400"
|
||||
>
|
||||
<Icons name="deep-delete" />
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr className="bg-white dark:bg-dark-white border-b dark:border-[#5356fb29] hover:bg-gray-50">
|
||||
<td className="text-center py-4">
|
||||
<div className="flex items-center justify-center">
|
||||
<span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap px-2">
|
||||
App
|
||||
Mobile
|
||||
</span>
|
||||
</div>
|
||||
</td>
|
||||
<td className="text-center py-4">
|
||||
<div className="flex space-x-1 items-center justify-center">
|
||||
<span className="text-base text-dark-gray dark:text-white font-medium whitespace-nowrap px-2">
|
||||
App
|
||||
10-10-2035
|
||||
</span>
|
||||
</div>
|
||||
</td>
|
||||
<td className="text-center py-4">
|
||||
<span className="text-base text-dark-gray dark:text-white whitespace-nowrap px-2">
|
||||
Barhin,Dubai
|
||||
10.0.0.1000
|
||||
</span>
|
||||
</td>
|
||||
<td className="text-center py-4">
|
||||
<span className="text-base text-thin-light-gray font-medium whitespace-nowrap px-2">
|
||||
2 days ago
|
||||
</span>
|
||||
</td>
|
||||
<td className="text-center py-4">
|
||||
<span className="text-sm px-[10px] py-[6px] rounded-full bg-light-green text-white capitalize">
|
||||
active
|
||||
</span>
|
||||
</td>
|
||||
<td className="text-center py-4">
|
||||
<button
|
||||
type="button"
|
||||
className=" text-thin-light-gray hover:text-red-400"
|
||||
>
|
||||
<Icons name="deep-delete" />
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
Reference in New Issue
Block a user