Track item table
This commit is contained in:
@@ -50,65 +50,6 @@ export default function TrackItemCard({ datas, hidden = false }) {
|
||||
className="w-full h-screen fixed top-0 left-0 z-10"
|
||||
></div>
|
||||
)}
|
||||
<div
|
||||
style={{ boxShadow: "0px 4px 87px 0px #0000002B" }}
|
||||
className={`drop-down-content w-[80px] bg-white dark:bg-dark-white rounded-[4px] p-2.5 absolute right-0 top-[100%] z-20 ${
|
||||
options ? "active" : ""
|
||||
}`}
|
||||
>
|
||||
<ul className="flex flex-col space-y-3">
|
||||
<li
|
||||
onClick={() => setOption(!options)}
|
||||
className="text-thin-light-gray tracking-wide text-xs cursor-pointer"
|
||||
>
|
||||
<div className="flex space-x-2.5 items-center">
|
||||
<span className="text-[#374557] dark:text-white">
|
||||
<svg
|
||||
width="13"
|
||||
height="12"
|
||||
viewBox="0 0 13 12"
|
||||
fill="none"
|
||||
className="fill-current"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M0.110352 11.9873C0.154533 10.848 0.104327 9.69692 0.260972 8.57138C0.639531 5.85371 2.91942 3.60923 5.76865 3.03157C6.15022 2.95404 6.53983 2.91055 6.95102 2.84768C6.95102 1.93155 6.95102 1.00502 6.95102 0.000488281C8.99544 1.56756 10.9836 3.09255 12.9999 4.63835C10.9876 6.18745 8.99895 7.71764 6.96106 9.28613C6.96106 8.30145 6.96106 7.37729 6.96106 6.3789C6.39875 6.48337 5.86505 6.53868 5.36147 6.68381C3.3045 7.2766 1.81738 8.49243 0.95282 10.3611C0.700281 10.9066 0.452259 11.454 0.20223 12.001"
|
||||
fillOpacity="0.6"
|
||||
/>
|
||||
</svg>
|
||||
</span>
|
||||
<span className="text-sm tracking-wide text-[#374557] dark:text-white">
|
||||
Share
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
<li
|
||||
onClick={() => setOption(!options)}
|
||||
className="text-thin-light-gray dark:text-white tracking-wide text-xs cursor-pointer"
|
||||
>
|
||||
<div className="flex space-x-2.5 items-center">
|
||||
<span className="text-[#374557] dark:text-white">
|
||||
<svg
|
||||
width="11"
|
||||
height="11"
|
||||
viewBox="0 0 11 11"
|
||||
fill="none"
|
||||
className="fill-current"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M5.47576 9.99806C4.18586 9.99806 2.89403 10.0078 1.60413 9.99418C0.665318 9.98448 -0.0659459 9.19853 0.00388304 8.26121C0.02328 7.9934 0.116385 7.70813 0.252164 7.47332C1.50908 5.27072 2.7757 3.07394 4.05008 0.881042C4.73286 -0.29109 6.26327 -0.294972 6.94411 0.875221C8.2243 3.072 9.4948 5.27654 10.7575 7.48496C11.4287 8.65904 10.6392 9.99418 9.28338 9.99806C8.01482 10.0019 6.74626 9.99806 5.47576 9.99806ZM6.09452 3.81526C6.0984 3.81526 6.10422 3.81526 6.1081 3.81526C6.1081 3.75122 6.1081 3.68717 6.1081 3.62119C6.10616 3.22143 5.84818 2.94004 5.48934 2.94198C5.13631 2.94392 4.84924 3.26218 4.86863 3.65224C4.91713 4.56821 4.97338 5.48225 5.03157 6.39822C5.05097 6.68737 5.23718 6.85814 5.49903 6.8562C5.75701 6.85426 5.94516 6.67184 5.96068 6.38851C6.00917 5.53076 6.04991 4.67301 6.09452 3.81526ZM4.88997 7.88279C4.88221 8.22628 5.14795 8.50767 5.48546 8.51349C5.80551 8.51931 6.08288 8.25927 6.09646 7.94295C6.11004 7.58393 5.84624 7.29284 5.50291 7.28896C5.17705 7.28508 4.89967 7.55482 4.88997 7.88279Z"
|
||||
fillOpacity="0.6"
|
||||
/>
|
||||
</svg>
|
||||
</span>
|
||||
<span className="text-sm tracking-wide text-[#374557] dark:text-white">
|
||||
Report
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{hidden && (
|
||||
<div className="flex justify-center">
|
||||
|
||||
Reference in New Issue
Block a user