ui fix
This commit is contained in:
parent
be6db79756
commit
88efbbbe20
@ -315,7 +315,9 @@
|
|||||||
<DropdownMenu.Content
|
<DropdownMenu.Content
|
||||||
class="w-56 h-fit max-h-72 overflow-y-auto scroller"
|
class="w-56 h-fit max-h-72 overflow-y-auto scroller"
|
||||||
>
|
>
|
||||||
<DropdownMenu.Label class="text-muted dark:text-gray-400">
|
<DropdownMenu.Label
|
||||||
|
class="text-muted dark:text-gray-400 font-normal"
|
||||||
|
>
|
||||||
Select time frame
|
Select time frame
|
||||||
</DropdownMenu.Label>
|
</DropdownMenu.Label>
|
||||||
<DropdownMenu.Separator />
|
<DropdownMenu.Separator />
|
||||||
|
|||||||
@ -316,7 +316,9 @@
|
|||||||
<DropdownMenu.Content
|
<DropdownMenu.Content
|
||||||
class="w-56 h-fit max-h-72 overflow-y-auto scroller"
|
class="w-56 h-fit max-h-72 overflow-y-auto scroller"
|
||||||
>
|
>
|
||||||
<DropdownMenu.Label class="text-muted dark:text-gray-400">
|
<DropdownMenu.Label
|
||||||
|
class="text-muted dark:text-gray-400 font-normal"
|
||||||
|
>
|
||||||
Select time frame
|
Select time frame
|
||||||
</DropdownMenu.Label>
|
</DropdownMenu.Label>
|
||||||
<DropdownMenu.Separator />
|
<DropdownMenu.Separator />
|
||||||
|
|||||||
@ -544,7 +544,9 @@
|
|||||||
<DropdownMenu.Content
|
<DropdownMenu.Content
|
||||||
class="w-56 h-fit max-h-72 overflow-y-auto scroller"
|
class="w-56 h-fit max-h-72 overflow-y-auto scroller"
|
||||||
>
|
>
|
||||||
<DropdownMenu.Label class="text-muted dark:text-gray-400">
|
<DropdownMenu.Label
|
||||||
|
class="text-muted dark:text-gray-400 font-normal"
|
||||||
|
>
|
||||||
Select Sector
|
Select Sector
|
||||||
</DropdownMenu.Label>
|
</DropdownMenu.Label>
|
||||||
<DropdownMenu.Separator />
|
<DropdownMenu.Separator />
|
||||||
|
|||||||
@ -932,7 +932,9 @@
|
|||||||
<DropdownMenu.Content
|
<DropdownMenu.Content
|
||||||
class="w-56 h-fit max-h-72 overflow-y-auto scroller"
|
class="w-56 h-fit max-h-72 overflow-y-auto scroller"
|
||||||
>
|
>
|
||||||
<DropdownMenu.Label class="text-muted dark:text-gray-400">
|
<DropdownMenu.Label
|
||||||
|
class="text-muted dark:text-gray-400 font-normal"
|
||||||
|
>
|
||||||
Select Strategy
|
Select Strategy
|
||||||
</DropdownMenu.Label>
|
</DropdownMenu.Label>
|
||||||
<DropdownMenu.Separator />
|
<DropdownMenu.Separator />
|
||||||
|
|||||||
@ -2540,7 +2540,9 @@ const handleKeyDown = (event) => {
|
|||||||
<DropdownMenu.Content
|
<DropdownMenu.Content
|
||||||
class="w-56 h-fit max-h-72 overflow-y-auto scroller"
|
class="w-56 h-fit max-h-72 overflow-y-auto scroller"
|
||||||
>
|
>
|
||||||
<DropdownMenu.Label class="text-muted dark:text-gray-400">
|
<DropdownMenu.Label
|
||||||
|
class="text-muted dark:text-gray-400 font-normal"
|
||||||
|
>
|
||||||
Popular Strategies
|
Popular Strategies
|
||||||
</DropdownMenu.Label>
|
</DropdownMenu.Label>
|
||||||
<DropdownMenu.Separator />
|
<DropdownMenu.Separator />
|
||||||
@ -2626,7 +2628,9 @@ const handleKeyDown = (event) => {
|
|||||||
<DropdownMenu.Content
|
<DropdownMenu.Content
|
||||||
class="w-56 h-fit max-h-72 overflow-y-auto scroller"
|
class="w-56 h-fit max-h-72 overflow-y-auto scroller"
|
||||||
>
|
>
|
||||||
<DropdownMenu.Label class="text-muted dark:text-gray-400">
|
<DropdownMenu.Label
|
||||||
|
class="text-muted dark:text-gray-400 font-normal"
|
||||||
|
>
|
||||||
<DropdownMenu.Trigger asChild let:builder>
|
<DropdownMenu.Trigger asChild let:builder>
|
||||||
<Button
|
<Button
|
||||||
on:click={handleCreateStrategy}
|
on:click={handleCreateStrategy}
|
||||||
@ -3078,8 +3082,8 @@ const handleKeyDown = (event) => {
|
|||||||
'country',
|
'country',
|
||||||
]?.includes(row?.rule)
|
]?.includes(row?.rule)
|
||||||
? 'hidden'
|
? 'hidden'
|
||||||
: ''} absolute fixed sticky w-full border-0 bg-white dark:bg-default border-b border-gray-200
|
: ''} text-sm p-2 absolute fixed sticky w-full border-0 bg-white dark:bg-default border-b border-gray-200 dark:border-gray-600
|
||||||
focus:border-gray-200 focus:ring-0 placeholder:text-gray-500 dark:placeholder:text-gray-300"
|
focus:outline-none placeholder:text-gray-500 dark:placeholder:text-gray-300"
|
||||||
type="search"
|
type="search"
|
||||||
placeholder="Search..."
|
placeholder="Search..."
|
||||||
/>
|
/>
|
||||||
|
|||||||
@ -316,7 +316,9 @@
|
|||||||
<DropdownMenu.Content
|
<DropdownMenu.Content
|
||||||
class="w-56 h-fit max-h-72 overflow-y-auto scroller"
|
class="w-56 h-fit max-h-72 overflow-y-auto scroller"
|
||||||
>
|
>
|
||||||
<DropdownMenu.Label class="text-muted dark:text-gray-400">
|
<DropdownMenu.Label
|
||||||
|
class="text-muted dark:text-gray-400 font-normal"
|
||||||
|
>
|
||||||
Select time frame
|
Select time frame
|
||||||
</DropdownMenu.Label>
|
</DropdownMenu.Label>
|
||||||
<DropdownMenu.Separator />
|
<DropdownMenu.Separator />
|
||||||
|
|||||||
@ -450,7 +450,9 @@
|
|||||||
<DropdownMenu.Content
|
<DropdownMenu.Content
|
||||||
class="w-56 h-fit max-h-72 overflow-y-auto scroller"
|
class="w-56 h-fit max-h-72 overflow-y-auto scroller"
|
||||||
>
|
>
|
||||||
<DropdownMenu.Label class="text-muted dark:text-gray-400">
|
<DropdownMenu.Label
|
||||||
|
class="text-muted dark:text-gray-400 font-normal"
|
||||||
|
>
|
||||||
Select Type
|
Select Type
|
||||||
</DropdownMenu.Label>
|
</DropdownMenu.Label>
|
||||||
<DropdownMenu.Separator />
|
<DropdownMenu.Separator />
|
||||||
|
|||||||
@ -1114,7 +1114,7 @@
|
|||||||
<DropdownMenu.Trigger asChild let:builder>
|
<DropdownMenu.Trigger asChild let:builder>
|
||||||
<Button
|
<Button
|
||||||
builders={[builder]}
|
builders={[builder]}
|
||||||
class="shadow-sm min-w-[110px] w-full sm:w-fit border-gray-300 bg-white dark:bg-default dark:border-gray-600 border sm:hover:bg-gray-200 dark:sm:hover:bg-primary ease-out flex flex-row justify-between items-center px-3 py-2.5 rounded truncate"
|
class="shadow-sm min-w-[110px] w-full sm:w-fit border-gray-300 bg-white dark:bg-default dark:border-gray-600 border sm:hover:bg-gray-200 dark:sm:hover:bg-primary ease-out flex flex-row justify-between items-center px-3 py-1.5 rounded truncate"
|
||||||
>
|
>
|
||||||
<span
|
<span
|
||||||
class="truncate font-medium text-sm sm:text-[1rem]"
|
class="truncate font-medium text-sm sm:text-[1rem]"
|
||||||
@ -1235,7 +1235,7 @@
|
|||||||
{/if}
|
{/if}
|
||||||
<label
|
<label
|
||||||
on:click={handleEditMode}
|
on:click={handleEditMode}
|
||||||
class="shadow-sm border text-sm border-gray-300 dark:border-gray-600 sm:ml-3 cursor-pointer inline-flex items-center justify-center space-x-1 whitespace-nowrap rounded py-2 px-3 sm:hover:bg-gray-200 dark:sm:hover:bg-primary ease-out sm:hover:text-red-500"
|
class="shadow-sm border text-sm border-gray-300 dark:border-gray-600 sm:ml-3 cursor-pointer inline-flex items-center justify-center space-x-1 whitespace-nowrap rounded py-1.5 px-3 sm:hover:bg-gray-200 dark:sm:hover:bg-primary ease-out"
|
||||||
>
|
>
|
||||||
<svg
|
<svg
|
||||||
class="inline-block w-5 h-5"
|
class="inline-block w-5 h-5"
|
||||||
@ -1301,12 +1301,12 @@
|
|||||||
</div>
|
</div>
|
||||||
{#if inputValue?.length !== 0}
|
{#if inputValue?.length !== 0}
|
||||||
<Combobox.Content
|
<Combobox.Content
|
||||||
class="w-auto z-10 rounded border border-gray-300 dark:border-gray-700 bg-white dark:bg-default px-1 py-3 shadow-sm outline-hidden"
|
class="w-auto z-10 rounded border border-gray-300 dark:border-gray-700 bg-white dark:bg-default px-1 py-1.5 shadow-sm outline-hidden"
|
||||||
sideOffset={8}
|
sideOffset={8}
|
||||||
>
|
>
|
||||||
{#each searchBarData as item}
|
{#each searchBarData as item}
|
||||||
<Combobox.Item
|
<Combobox.Item
|
||||||
class="cursor-pointer border-b border-gray-300 dark:border-gray-600 last:border-none flex h-fit w-auto select-none items-center rounded-button py-3 pl-5 pr-1.5 text-sm capitalize outline-hidden transition-all duration-75 data-highlighted:bg-gray-200 dark:data-highlighted:bg-primary"
|
class="cursor-pointer border-b border-gray-300 dark:border-gray-600 last:border-none flex h-fit w-auto select-none items-center rounded-button py-1.5 pl-5 pr-1.5 text-sm capitalize outline-hidden transition-all duration-75 data-highlighted:bg-gray-200 dark:data-highlighted:bg-primary"
|
||||||
value={item?.symbol}
|
value={item?.symbol}
|
||||||
label={item?.name}
|
label={item?.name}
|
||||||
on:click={(e) => handleAddTicker(e, item?.symbol)}
|
on:click={(e) => handleAddTicker(e, item?.symbol)}
|
||||||
@ -2064,7 +2064,7 @@
|
|||||||
|
|
||||||
<div
|
<div
|
||||||
class="modal-box w-full p-6 rounded shadow-sm border
|
class="modal-box w-full p-6 rounded shadow-sm border
|
||||||
bg-white dark:bg-[#17181C] border border-gray-300 dark:border-gray-800"
|
bg-white dark:bg-secondary border border-gray-300 dark:border-gray-600"
|
||||||
>
|
>
|
||||||
<h3 class="text-lg font-medium mb-2">Delete Watchlist</h3>
|
<h3 class="text-lg font-medium mb-2">Delete Watchlist</h3>
|
||||||
<p class="text-sm mb-6">
|
<p class="text-sm mb-6">
|
||||||
@ -2075,8 +2075,8 @@
|
|||||||
<label
|
<label
|
||||||
for="deleteWatchlist"
|
for="deleteWatchlist"
|
||||||
class="cursor-pointer px-4 py-2 rounded text-sm font-medium
|
class="cursor-pointer px-4 py-2 rounded text-sm font-medium
|
||||||
transition-colors duration-200
|
transition-colors duration-100
|
||||||
bg-zinc-800 text-zinc-300 hover:bg-zinc-700"
|
bg-gray-600 text-white dark:bg-white dark:text-black"
|
||||||
tabindex="0">Cancel</label
|
tabindex="0">Cancel</label
|
||||||
><label
|
><label
|
||||||
for="deleteWatchlist"
|
for="deleteWatchlist"
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user