ui fix
This commit is contained in:
parent
be6db79756
commit
88efbbbe20
@ -315,7 +315,9 @@
|
||||
<DropdownMenu.Content
|
||||
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
|
||||
</DropdownMenu.Label>
|
||||
<DropdownMenu.Separator />
|
||||
|
||||
@ -316,7 +316,9 @@
|
||||
<DropdownMenu.Content
|
||||
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
|
||||
</DropdownMenu.Label>
|
||||
<DropdownMenu.Separator />
|
||||
|
||||
@ -544,7 +544,9 @@
|
||||
<DropdownMenu.Content
|
||||
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
|
||||
</DropdownMenu.Label>
|
||||
<DropdownMenu.Separator />
|
||||
|
||||
@ -932,7 +932,9 @@
|
||||
<DropdownMenu.Content
|
||||
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
|
||||
</DropdownMenu.Label>
|
||||
<DropdownMenu.Separator />
|
||||
|
||||
@ -2540,7 +2540,9 @@ const handleKeyDown = (event) => {
|
||||
<DropdownMenu.Content
|
||||
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
|
||||
</DropdownMenu.Label>
|
||||
<DropdownMenu.Separator />
|
||||
@ -2626,7 +2628,9 @@ const handleKeyDown = (event) => {
|
||||
<DropdownMenu.Content
|
||||
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>
|
||||
<Button
|
||||
on:click={handleCreateStrategy}
|
||||
@ -3078,8 +3082,8 @@ const handleKeyDown = (event) => {
|
||||
'country',
|
||||
]?.includes(row?.rule)
|
||||
? 'hidden'
|
||||
: ''} absolute fixed sticky w-full border-0 bg-white dark:bg-default border-b border-gray-200
|
||||
focus:border-gray-200 focus:ring-0 placeholder:text-gray-500 dark:placeholder:text-gray-300"
|
||||
: ''} 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:outline-none placeholder:text-gray-500 dark:placeholder:text-gray-300"
|
||||
type="search"
|
||||
placeholder="Search..."
|
||||
/>
|
||||
|
||||
@ -316,7 +316,9 @@
|
||||
<DropdownMenu.Content
|
||||
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
|
||||
</DropdownMenu.Label>
|
||||
<DropdownMenu.Separator />
|
||||
|
||||
@ -450,7 +450,9 @@
|
||||
<DropdownMenu.Content
|
||||
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
|
||||
</DropdownMenu.Label>
|
||||
<DropdownMenu.Separator />
|
||||
|
||||
@ -1114,7 +1114,7 @@
|
||||
<DropdownMenu.Trigger asChild let:builder>
|
||||
<Button
|
||||
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
|
||||
class="truncate font-medium text-sm sm:text-[1rem]"
|
||||
@ -1235,7 +1235,7 @@
|
||||
{/if}
|
||||
<label
|
||||
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
|
||||
class="inline-block w-5 h-5"
|
||||
@ -1301,12 +1301,12 @@
|
||||
</div>
|
||||
{#if inputValue?.length !== 0}
|
||||
<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}
|
||||
>
|
||||
{#each searchBarData as 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}
|
||||
label={item?.name}
|
||||
on:click={(e) => handleAddTicker(e, item?.symbol)}
|
||||
@ -2064,7 +2064,7 @@
|
||||
|
||||
<div
|
||||
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>
|
||||
<p class="text-sm mb-6">
|
||||
@ -2075,8 +2075,8 @@
|
||||
<label
|
||||
for="deleteWatchlist"
|
||||
class="cursor-pointer px-4 py-2 rounded text-sm font-medium
|
||||
transition-colors duration-200
|
||||
bg-zinc-800 text-zinc-300 hover:bg-zinc-700"
|
||||
transition-colors duration-100
|
||||
bg-gray-600 text-white dark:bg-white dark:text-black"
|
||||
tabindex="0">Cancel</label
|
||||
><label
|
||||
for="deleteWatchlist"
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user