Initial commit BIJ CI4
This commit is contained in:
BIJ Dev
592
public/assets/tailadmin/partials/watchlist.html
Normal file
592
public/assets/tailadmin/partials/watchlist.html
Normal file
@@ -0,0 +1,592 @@
|
||||
<div
|
||||
class="rounded-2xl border border-gray-200 bg-white p-6 dark:border-gray-800 dark:bg-white/[0.03]"
|
||||
>
|
||||
<div class="mb-6 flex items-center justify-between">
|
||||
<h3 class="text-lg font-semibold text-gray-800 dark:text-white/90">
|
||||
My Watchlist
|
||||
</h3>
|
||||
|
||||
<div x-data="{openDropDown: false}" class="relative">
|
||||
<button
|
||||
@click="openDropDown = !openDropDown"
|
||||
:class="openDropDown ? 'text-gray-700 dark:text-white' : 'text-gray-400 hover:text-gray-700 dark:hover:text-white'"
|
||||
>
|
||||
<svg
|
||||
class="fill-current"
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
fill-rule="evenodd"
|
||||
clip-rule="evenodd"
|
||||
d="M10.2441 6C10.2441 5.0335 11.0276 4.25 11.9941 4.25H12.0041C12.9706 4.25 13.7541 5.0335 13.7541 6C13.7541 6.9665 12.9706 7.75 12.0041 7.75H11.9941C11.0276 7.75 10.2441 6.9665 10.2441 6ZM10.2441 18C10.2441 17.0335 11.0276 16.25 11.9941 16.25H12.0041C12.9706 16.25 13.7541 17.0335 13.7541 18C13.7541 18.9665 12.9706 19.75 12.0041 19.75H11.9941C11.0276 19.75 10.2441 18.9665 10.2441 18ZM11.9941 10.25C11.0276 10.25 10.2441 11.0335 10.2441 12C10.2441 12.9665 11.0276 13.75 11.9941 13.75H12.0041C12.9706 13.75 13.7541 12.9665 13.7541 12C13.7541 11.0335 12.9706 10.25 12.0041 10.25H11.9941Z"
|
||||
fill=""
|
||||
/>
|
||||
</svg>
|
||||
</button>
|
||||
<div
|
||||
x-show="openDropDown"
|
||||
@click.outside="openDropDown = false"
|
||||
class="absolute right-0 top-full z-40 w-40 space-y-1 rounded-2xl border border-gray-200 bg-white p-2 shadow-theme-lg dark:border-gray-800 dark:bg-gray-dark"
|
||||
>
|
||||
<button
|
||||
class="flex w-full rounded-lg px-3 py-2 text-left text-theme-xs font-medium text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-white/5 dark:hover:text-gray-300"
|
||||
>
|
||||
View More
|
||||
</button>
|
||||
<button
|
||||
class="flex w-full rounded-lg px-3 py-2 text-left text-theme-xs font-medium text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:text-gray-400 dark:hover:bg-white/5 dark:hover:text-gray-300"
|
||||
>
|
||||
Delete
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex h-[372px] flex-col">
|
||||
<div class="custom-scrollbar flex h-auto flex-col overflow-y-auto pr-3">
|
||||
<!-- Watchlist item -->
|
||||
<div
|
||||
class="flex items-center justify-between border-b border-gray-200 pb-4 pt-4 first:pt-0 last:border-b-0 last:pb-0 dark:border-gray-800"
|
||||
>
|
||||
<div class="flex items-center gap-3">
|
||||
<div class="h-10 w-10">
|
||||
<img src="./images/brand/brand-07.svg" alt="brand" />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h3
|
||||
class="text-base font-semibold text-gray-800 dark:text-white/90"
|
||||
>
|
||||
AAPL
|
||||
</h3>
|
||||
<span class="block text-theme-xs text-gray-500 dark:text-gray-400">
|
||||
Apple, Inc
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div>
|
||||
<h4
|
||||
class="mb-1 text-right text-theme-sm font-medium text-gray-700 dark:text-gray-400"
|
||||
>
|
||||
$4,008.65
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<span
|
||||
class="flex items-center justify-end gap-1 text-theme-xs font-medium text-success-600 dark:text-success-500"
|
||||
>
|
||||
<svg
|
||||
class="fill-current"
|
||||
width="12"
|
||||
height="12"
|
||||
viewBox="0 0 12 12"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
fill-rule="evenodd"
|
||||
clip-rule="evenodd"
|
||||
d="M5.56462 1.62394C5.70193 1.47073 5.90135 1.37433 6.12329 1.37433C6.1236 1.37433 6.12391 1.37433 6.12422 1.37433C6.31631 1.37416 6.50845 1.44732 6.65505 1.59381L9.65514 4.59181C9.94814 4.8846 9.94831 5.35947 9.65552 5.65247C9.36273 5.94546 8.88785 5.94563 8.59486 5.65284L6.87329 3.93248L6.87329 10.125C6.87329 10.5392 6.53751 10.875 6.12329 10.875C5.70908 10.875 5.37329 10.5392 5.37329 10.125L5.37329 3.93579L3.65516 5.65282C3.36218 5.94562 2.8873 5.94547 2.5945 5.65249C2.3017 5.3595 2.30185 4.88463 2.59484 4.59183L5.56462 1.62394Z"
|
||||
fill=""
|
||||
/>
|
||||
</svg>
|
||||
|
||||
11.01%
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Watchlist item -->
|
||||
<div
|
||||
class="flex items-center justify-between border-b border-gray-200 pb-4 pt-4 first:pt-0 last:border-b-0 last:pb-0 dark:border-gray-800"
|
||||
>
|
||||
<div class="flex items-center gap-3">
|
||||
<div class="h-10 w-10">
|
||||
<img src="./images/brand/brand-11.svg" alt="brand" />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h3
|
||||
class="text-base font-semibold text-gray-800 dark:text-white/90"
|
||||
>
|
||||
SPOT
|
||||
</h3>
|
||||
<span class="block text-theme-xs text-gray-500 dark:text-gray-400">
|
||||
Spotify.com
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div>
|
||||
<h4
|
||||
class="mb-1 text-right text-theme-sm font-medium text-gray-700 dark:text-gray-400"
|
||||
>
|
||||
$11,689.00
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<span
|
||||
class="flex items-center justify-end gap-1 text-theme-xs font-medium text-success-600 dark:text-success-500"
|
||||
>
|
||||
<svg
|
||||
class="fill-current"
|
||||
width="12"
|
||||
height="12"
|
||||
viewBox="0 0 12 12"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
fill-rule="evenodd"
|
||||
clip-rule="evenodd"
|
||||
d="M5.56462 1.62394C5.70193 1.47073 5.90135 1.37433 6.12329 1.37433C6.1236 1.37433 6.12391 1.37433 6.12422 1.37433C6.31631 1.37416 6.50845 1.44732 6.65505 1.59381L9.65514 4.59181C9.94814 4.8846 9.94831 5.35947 9.65552 5.65247C9.36273 5.94546 8.88785 5.94563 8.59486 5.65284L6.87329 3.93248L6.87329 10.125C6.87329 10.5392 6.53751 10.875 6.12329 10.875C5.70908 10.875 5.37329 10.5392 5.37329 10.125L5.37329 3.93579L3.65516 5.65282C3.36218 5.94562 2.8873 5.94547 2.5945 5.65249C2.3017 5.3595 2.30185 4.88463 2.59484 4.59183L5.56462 1.62394Z"
|
||||
fill=""
|
||||
/>
|
||||
</svg>
|
||||
|
||||
9.48%
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Watchlist item -->
|
||||
<div
|
||||
class="flex items-center justify-between border-b border-gray-200 pb-4 pt-4 first:pt-0 last:border-b-0 last:pb-0 dark:border-gray-800"
|
||||
>
|
||||
<div class="flex items-center gap-3">
|
||||
<div class="h-10 w-10">
|
||||
<img src="./images/brand/brand-12.svg" alt="brand" />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h3
|
||||
class="text-base font-semibold text-gray-800 dark:text-white/90"
|
||||
>
|
||||
ABNB
|
||||
</h3>
|
||||
<span class="block text-theme-xs text-gray-500 dark:text-gray-400">
|
||||
Airbnb, Inc
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div>
|
||||
<h4
|
||||
class="mb-1 text-right text-theme-sm font-medium text-gray-700 dark:text-gray-400"
|
||||
>
|
||||
$32,227.00
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<span
|
||||
class="flex items-center justify-end gap-1 text-theme-xs font-medium text-error-600 dark:text-error-500"
|
||||
>
|
||||
<svg
|
||||
class="fill-current"
|
||||
width="12"
|
||||
height="12"
|
||||
viewBox="0 0 12 12"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
fill-rule="evenodd"
|
||||
clip-rule="evenodd"
|
||||
d="M5.31462 10.3761C5.45194 10.5293 5.65136 10.6257 5.87329 10.6257C5.8736 10.6257 5.8739 10.6257 5.87421 10.6257C6.0663 10.6259 6.25845 10.5527 6.40505 10.4062L9.40514 7.4082C9.69814 7.11541 9.69831 6.64054 9.40552 6.34754C9.11273 6.05454 8.63785 6.05438 8.34486 6.34717L6.62329 8.06753L6.62329 1.875C6.62329 1.46079 6.28751 1.125 5.87329 1.125C5.45908 1.125 5.12329 1.46079 5.12329 1.875L5.12329 8.06422L3.40516 6.34719C3.11218 6.05439 2.6373 6.05454 2.3445 6.34752C2.0517 6.64051 2.05185 7.11538 2.34484 7.40818L5.31462 10.3761Z"
|
||||
fill=""
|
||||
/>
|
||||
</svg>
|
||||
|
||||
0.29%
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Watchlist item -->
|
||||
<div
|
||||
class="flex items-center justify-between border-b border-gray-200 pb-4 pt-4 first:pt-0 last:border-b-0 last:pb-0 dark:border-gray-800"
|
||||
>
|
||||
<div class="flex items-center gap-3">
|
||||
<div class="h-10 w-10">
|
||||
<img src="./images/brand/brand-13.svg" alt="brand" />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h3
|
||||
class="text-base font-semibold text-gray-800 dark:text-white/90"
|
||||
>
|
||||
ENVT
|
||||
</h3>
|
||||
<span class="block text-theme-xs text-gray-500 dark:text-gray-400">
|
||||
Envato, Inc
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div>
|
||||
<h4
|
||||
class="mb-1 text-right text-theme-sm font-medium text-gray-700 dark:text-gray-400"
|
||||
>
|
||||
$13,895.00
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<span
|
||||
class="flex items-center justify-end gap-1 text-theme-xs font-medium text-success-600 dark:text-success-500"
|
||||
>
|
||||
<svg
|
||||
class="fill-current"
|
||||
width="12"
|
||||
height="12"
|
||||
viewBox="0 0 12 12"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
fill-rule="evenodd"
|
||||
clip-rule="evenodd"
|
||||
d="M5.56462 1.62394C5.70193 1.47073 5.90135 1.37433 6.12329 1.37433C6.1236 1.37433 6.12391 1.37433 6.12422 1.37433C6.31631 1.37416 6.50845 1.44732 6.65505 1.59381L9.65514 4.59181C9.94814 4.8846 9.94831 5.35947 9.65552 5.65247C9.36273 5.94546 8.88785 5.94563 8.59486 5.65284L6.87329 3.93248L6.87329 10.125C6.87329 10.5392 6.53751 10.875 6.12329 10.875C5.70908 10.875 5.37329 10.5392 5.37329 10.125L5.37329 3.93579L3.65516 5.65282C3.36218 5.94562 2.8873 5.94547 2.5945 5.65249C2.3017 5.3595 2.30185 4.88463 2.59484 4.59183L5.56462 1.62394Z"
|
||||
fill=""
|
||||
/>
|
||||
</svg>
|
||||
|
||||
3.79%
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Watchlist item -->
|
||||
<div
|
||||
class="flex items-center justify-between border-b border-gray-200 pb-4 pt-4 first:pt-0 last:border-b-0 last:pb-0 dark:border-gray-800"
|
||||
>
|
||||
<div class="flex items-center gap-3">
|
||||
<div class="h-10 w-10">
|
||||
<img src="./images/brand/brand-14.svg" alt="brand" />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h3
|
||||
class="text-base font-semibold text-gray-800 dark:text-white/90"
|
||||
>
|
||||
QIWI
|
||||
</h3>
|
||||
<span class="block text-theme-xs text-gray-500 dark:text-gray-400">
|
||||
qiwi.com, Inc
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div>
|
||||
<h4
|
||||
class="mb-1 text-right text-theme-sm font-medium text-gray-700 dark:text-gray-400"
|
||||
>
|
||||
$4,008.65
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<span
|
||||
class="flex items-center justify-end gap-1 text-theme-xs font-medium text-success-600 dark:text-success-500"
|
||||
>
|
||||
<svg
|
||||
class="fill-current"
|
||||
width="12"
|
||||
height="12"
|
||||
viewBox="0 0 12 12"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
fill-rule="evenodd"
|
||||
clip-rule="evenodd"
|
||||
d="M5.56462 1.62394C5.70193 1.47073 5.90135 1.37433 6.12329 1.37433C6.1236 1.37433 6.12391 1.37433 6.12422 1.37433C6.31631 1.37416 6.50845 1.44732 6.65505 1.59381L9.65514 4.59181C9.94814 4.8846 9.94831 5.35947 9.65552 5.65247C9.36273 5.94546 8.88785 5.94563 8.59486 5.65284L6.87329 3.93248L6.87329 10.125C6.87329 10.5392 6.53751 10.875 6.12329 10.875C5.70908 10.875 5.37329 10.5392 5.37329 10.125L5.37329 3.93579L3.65516 5.65282C3.36218 5.94562 2.8873 5.94547 2.5945 5.65249C2.3017 5.3595 2.30185 4.88463 2.59484 4.59183L5.56462 1.62394Z"
|
||||
fill=""
|
||||
/>
|
||||
</svg>
|
||||
|
||||
4.52%
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Watchlist item -->
|
||||
<div
|
||||
class="flex items-center justify-between border-b border-gray-200 pb-4 pt-4 first:pt-0 last:border-b-0 last:pb-0 dark:border-gray-800"
|
||||
>
|
||||
<div class="flex items-center gap-3">
|
||||
<div class="h-10 w-10">
|
||||
<img src="./images/brand/brand-07.svg" alt="brand" />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h3
|
||||
class="text-base font-semibold text-gray-800 dark:text-white/90"
|
||||
>
|
||||
AAPL
|
||||
</h3>
|
||||
<span class="block text-theme-xs text-gray-500 dark:text-gray-400">
|
||||
Apple, Inc
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div>
|
||||
<h4
|
||||
class="mb-1 text-right text-theme-sm font-medium text-gray-700 dark:text-gray-400"
|
||||
>
|
||||
$4,008.65
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<span
|
||||
class="flex items-center justify-end gap-1 text-theme-xs font-medium text-success-600 dark:text-success-500"
|
||||
>
|
||||
<svg
|
||||
class="fill-current"
|
||||
width="12"
|
||||
height="12"
|
||||
viewBox="0 0 12 12"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
fill-rule="evenodd"
|
||||
clip-rule="evenodd"
|
||||
d="M5.56462 1.62394C5.70193 1.47073 5.90135 1.37433 6.12329 1.37433C6.1236 1.37433 6.12391 1.37433 6.12422 1.37433C6.31631 1.37416 6.50845 1.44732 6.65505 1.59381L9.65514 4.59181C9.94814 4.8846 9.94831 5.35947 9.65552 5.65247C9.36273 5.94546 8.88785 5.94563 8.59486 5.65284L6.87329 3.93248L6.87329 10.125C6.87329 10.5392 6.53751 10.875 6.12329 10.875C5.70908 10.875 5.37329 10.5392 5.37329 10.125L5.37329 3.93579L3.65516 5.65282C3.36218 5.94562 2.8873 5.94547 2.5945 5.65249C2.3017 5.3595 2.30185 4.88463 2.59484 4.59183L5.56462 1.62394Z"
|
||||
fill=""
|
||||
/>
|
||||
</svg>
|
||||
|
||||
11.01%
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Watchlist item -->
|
||||
<div
|
||||
class="flex items-center justify-between border-b border-gray-200 pb-4 pt-4 first:pt-0 last:border-b-0 last:pb-0 dark:border-gray-800"
|
||||
>
|
||||
<div class="flex items-center gap-3">
|
||||
<div class="h-10 w-10">
|
||||
<img src="./images/brand/brand-11.svg" alt="brand" />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h3
|
||||
class="text-base font-semibold text-gray-800 dark:text-white/90"
|
||||
>
|
||||
SPOT
|
||||
</h3>
|
||||
<span class="block text-theme-xs text-gray-500 dark:text-gray-400">
|
||||
Spotify.com
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div>
|
||||
<h4
|
||||
class="mb-1 text-right text-theme-sm font-medium text-gray-700 dark:text-gray-400"
|
||||
>
|
||||
$11,689.00
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<span
|
||||
class="flex items-center justify-end gap-1 text-theme-xs font-medium text-success-600 dark:text-success-500"
|
||||
>
|
||||
<svg
|
||||
class="fill-current"
|
||||
width="12"
|
||||
height="12"
|
||||
viewBox="0 0 12 12"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
fill-rule="evenodd"
|
||||
clip-rule="evenodd"
|
||||
d="M5.56462 1.62394C5.70193 1.47073 5.90135 1.37433 6.12329 1.37433C6.1236 1.37433 6.12391 1.37433 6.12422 1.37433C6.31631 1.37416 6.50845 1.44732 6.65505 1.59381L9.65514 4.59181C9.94814 4.8846 9.94831 5.35947 9.65552 5.65247C9.36273 5.94546 8.88785 5.94563 8.59486 5.65284L6.87329 3.93248L6.87329 10.125C6.87329 10.5392 6.53751 10.875 6.12329 10.875C5.70908 10.875 5.37329 10.5392 5.37329 10.125L5.37329 3.93579L3.65516 5.65282C3.36218 5.94562 2.8873 5.94547 2.5945 5.65249C2.3017 5.3595 2.30185 4.88463 2.59484 4.59183L5.56462 1.62394Z"
|
||||
fill=""
|
||||
/>
|
||||
</svg>
|
||||
|
||||
9.48%
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Watchlist item -->
|
||||
<div
|
||||
class="flex items-center justify-between border-b border-gray-200 pb-4 pt-4 first:pt-0 last:border-b-0 last:pb-0 dark:border-gray-800"
|
||||
>
|
||||
<div class="flex items-center gap-3">
|
||||
<div class="h-10 w-10">
|
||||
<img src="./images/brand/brand-12.svg" alt="brand" />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h3
|
||||
class="text-base font-semibold text-gray-800 dark:text-white/90"
|
||||
>
|
||||
ABNB
|
||||
</h3>
|
||||
<span class="block text-theme-xs text-gray-500 dark:text-gray-400">
|
||||
Airbnb, Inc
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div>
|
||||
<h4
|
||||
class="mb-1 text-right text-theme-sm font-medium text-gray-700 dark:text-gray-400"
|
||||
>
|
||||
$32,227.00
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<span
|
||||
class="flex items-center justify-end gap-1 text-theme-xs font-medium text-error-600 dark:text-error-500"
|
||||
>
|
||||
<svg
|
||||
class="fill-current"
|
||||
width="12"
|
||||
height="12"
|
||||
viewBox="0 0 12 12"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
fill-rule="evenodd"
|
||||
clip-rule="evenodd"
|
||||
d="M5.31462 10.3761C5.45194 10.5293 5.65136 10.6257 5.87329 10.6257C5.8736 10.6257 5.8739 10.6257 5.87421 10.6257C6.0663 10.6259 6.25845 10.5527 6.40505 10.4062L9.40514 7.4082C9.69814 7.11541 9.69831 6.64054 9.40552 6.34754C9.11273 6.05454 8.63785 6.05438 8.34486 6.34717L6.62329 8.06753L6.62329 1.875C6.62329 1.46079 6.28751 1.125 5.87329 1.125C5.45908 1.125 5.12329 1.46079 5.12329 1.875L5.12329 8.06422L3.40516 6.34719C3.11218 6.05439 2.6373 6.05454 2.3445 6.34752C2.0517 6.64051 2.05185 7.11538 2.34484 7.40818L5.31462 10.3761Z"
|
||||
fill=""
|
||||
/>
|
||||
</svg>
|
||||
|
||||
0.29%
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Watchlist item -->
|
||||
<div
|
||||
class="flex items-center justify-between border-b border-gray-200 pb-4 pt-4 first:pt-0 last:border-b-0 last:pb-0 dark:border-gray-800"
|
||||
>
|
||||
<div class="flex items-center gap-3">
|
||||
<div class="h-10 w-10">
|
||||
<img src="./images/brand/brand-13.svg" alt="brand" />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h3
|
||||
class="text-base font-semibold text-gray-800 dark:text-white/90"
|
||||
>
|
||||
ENVT
|
||||
</h3>
|
||||
<span class="block text-theme-xs text-gray-500 dark:text-gray-400">
|
||||
Envato, Inc
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div>
|
||||
<h4
|
||||
class="mb-1 text-right text-theme-sm font-medium text-gray-600 dark:text-gray-400"
|
||||
>
|
||||
$13,895.00
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<span
|
||||
class="flex items-center justify-end gap-1 text-theme-xs font-medium text-success-700 dark:text-success-500"
|
||||
>
|
||||
<svg
|
||||
class="fill-current"
|
||||
width="12"
|
||||
height="12"
|
||||
viewBox="0 0 12 12"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
fill-rule="evenodd"
|
||||
clip-rule="evenodd"
|
||||
d="M5.56462 1.62394C5.70193 1.47073 5.90135 1.37433 6.12329 1.37433C6.1236 1.37433 6.12391 1.37433 6.12422 1.37433C6.31631 1.37416 6.50845 1.44732 6.65505 1.59381L9.65514 4.59181C9.94814 4.8846 9.94831 5.35947 9.65552 5.65247C9.36273 5.94546 8.88785 5.94563 8.59486 5.65284L6.87329 3.93248L6.87329 10.125C6.87329 10.5392 6.53751 10.875 6.12329 10.875C5.70908 10.875 5.37329 10.5392 5.37329 10.125L5.37329 3.93579L3.65516 5.65282C3.36218 5.94562 2.8873 5.94547 2.5945 5.65249C2.3017 5.3595 2.30185 4.88463 2.59484 4.59183L5.56462 1.62394Z"
|
||||
fill=""
|
||||
/>
|
||||
</svg>
|
||||
|
||||
3.79%
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Watchlist item -->
|
||||
<div
|
||||
class="flex items-center justify-between border-b border-gray-200 pb-4 pt-4 first:pt-0 last:border-b-0 last:pb-0 dark:border-gray-800"
|
||||
>
|
||||
<div class="flex items-center gap-3">
|
||||
<div class="h-10 w-10">
|
||||
<img src="./images/brand/brand-14.svg" alt="brand" />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h3
|
||||
class="text-base font-semibold text-gray-800 dark:text-white/90"
|
||||
>
|
||||
QIWI
|
||||
</h3>
|
||||
<span class="block text-theme-xs text-gray-500 dark:text-gray-400">
|
||||
qiwi.com, Inc
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div>
|
||||
<h4
|
||||
class="mb-1 text-right text-theme-sm font-medium text-gray-700 dark:text-gray-400"
|
||||
>
|
||||
$4,008.65
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<span
|
||||
class="flex items-center justify-end gap-1 text-theme-xs font-medium text-success-600 dark:text-success-500"
|
||||
>
|
||||
<svg
|
||||
class="fill-current"
|
||||
width="12"
|
||||
height="12"
|
||||
viewBox="0 0 12 12"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
fill-rule="evenodd"
|
||||
clip-rule="evenodd"
|
||||
d="M5.56462 1.62394C5.70193 1.47073 5.90135 1.37433 6.12329 1.37433C6.1236 1.37433 6.12391 1.37433 6.12422 1.37433C6.31631 1.37416 6.50845 1.44732 6.65505 1.59381L9.65514 4.59181C9.94814 4.8846 9.94831 5.35947 9.65552 5.65247C9.36273 5.94546 8.88785 5.94563 8.59486 5.65284L6.87329 3.93248L6.87329 10.125C6.87329 10.5392 6.53751 10.875 6.12329 10.875C5.70908 10.875 5.37329 10.5392 5.37329 10.125L5.37329 3.93579L3.65516 5.65282C3.36218 5.94562 2.8873 5.94547 2.5945 5.65249C2.3017 5.3595 2.30185 4.88463 2.59484 4.59183L5.56462 1.62394Z"
|
||||
fill=""
|
||||
/>
|
||||
</svg>
|
||||
|
||||
4.52%
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user