ui fix
This commit is contained in:
parent
52285fb69a
commit
06e77fded7
@ -789,7 +789,7 @@
|
|||||||
<tbody>
|
<tbody>
|
||||||
<tr class="bg-primary border-b border-gray-600">
|
<tr class="bg-primary border-b border-gray-600">
|
||||||
<th
|
<th
|
||||||
class="text-white whitespace-nowrap text-sm sm:text-[1rem] text-start bg-primary border-b border-gray-800"
|
class="text-white whitespace-nowrap text-sm sm:text-[1rem] text-start font-normal bg-primary border-b border-gray-800"
|
||||||
>
|
>
|
||||||
Revenue
|
Revenue
|
||||||
</th>
|
</th>
|
||||||
@ -808,7 +808,7 @@
|
|||||||
|
|
||||||
<tr class="bg-primary">
|
<tr class="bg-primary">
|
||||||
<th
|
<th
|
||||||
class="bg-primary whitespace-nowrap text-sm sm:text-[1rem] text-white text-start border-b border-gray-800"
|
class="bg-primary whitespace-nowrap text-sm sm:text-[1rem] text-white text-start font-normal border-b border-gray-800"
|
||||||
>
|
>
|
||||||
Revenue Growth
|
Revenue Growth
|
||||||
</th>
|
</th>
|
||||||
@ -843,7 +843,7 @@
|
|||||||
|
|
||||||
<tr class="bg-primary border-b-[#09090B]">
|
<tr class="bg-primary border-b-[#09090B]">
|
||||||
<th
|
<th
|
||||||
class="text-white whitespace-nowrap text-sm sm:text-[1rem] text-start bg-primary border-b border-gray-800"
|
class="text-white whitespace-nowrap text-sm sm:text-[1rem] text-start font-normal bg-primary border-b border-gray-800"
|
||||||
>
|
>
|
||||||
EPS
|
EPS
|
||||||
</th>
|
</th>
|
||||||
@ -862,7 +862,7 @@
|
|||||||
|
|
||||||
<tr class="bg-primary">
|
<tr class="bg-primary">
|
||||||
<th
|
<th
|
||||||
class="bg-primary whitespace-nowrap text-sm sm:text-[1rem] text-white text-start border-b border-gray-800"
|
class="bg-primary whitespace-nowrap text-sm sm:text-[1rem] text-white font-normal text-start border-b border-gray-800"
|
||||||
>
|
>
|
||||||
EPS Growth
|
EPS Growth
|
||||||
</th>
|
</th>
|
||||||
@ -896,7 +896,7 @@
|
|||||||
</tr>
|
</tr>
|
||||||
<tr class="bg-primary border-b border-gray-600">
|
<tr class="bg-primary border-b border-gray-600">
|
||||||
<th
|
<th
|
||||||
class="text-white whitespace-nowrap text-sm sm:text-[1rem] text-start bg-primary border-b border-gray-800"
|
class="text-white whitespace-nowrap text-sm sm:text-[1rem] text-start font-normal bg-primary border-b border-gray-800"
|
||||||
>
|
>
|
||||||
Net Income
|
Net Income
|
||||||
</th>
|
</th>
|
||||||
@ -915,7 +915,7 @@
|
|||||||
|
|
||||||
<tr class="bg-primary">
|
<tr class="bg-primary">
|
||||||
<th
|
<th
|
||||||
class="bg-primary whitespace-nowrap text-sm sm:text-[1rem] text-white text-start border-b border-gray-800"
|
class="bg-primary whitespace-nowrap text-sm sm:text-[1rem] text-white font-normal text-start border-b border-gray-800"
|
||||||
>
|
>
|
||||||
Net Income Growth
|
Net Income Growth
|
||||||
</th>
|
</th>
|
||||||
@ -950,7 +950,7 @@
|
|||||||
|
|
||||||
<tr class="bg-primary border-b border-gray-600">
|
<tr class="bg-primary border-b border-gray-600">
|
||||||
<th
|
<th
|
||||||
class="text-white whitespace-nowrap text-sm sm:text-[1rem] text-start bg-primary border-b border-gray-800"
|
class="text-white whitespace-nowrap text-sm sm:text-[1rem] text-start font-normal bg-primary border-b border-gray-800"
|
||||||
>
|
>
|
||||||
EBITDA
|
EBITDA
|
||||||
</th>
|
</th>
|
||||||
@ -969,7 +969,7 @@
|
|||||||
|
|
||||||
<tr class="bg-primary">
|
<tr class="bg-primary">
|
||||||
<th
|
<th
|
||||||
class="bg-primary whitespace-nowrap text-sm sm:text-[1rem] text-white text-start border-b border-gray-800"
|
class="bg-primary whitespace-nowrap text-sm sm:text-[1rem] text-white font-normal text-start border-b border-gray-800"
|
||||||
>
|
>
|
||||||
EBITDA Growth
|
EBITDA Growth
|
||||||
</th>
|
</th>
|
||||||
@ -1004,7 +1004,7 @@
|
|||||||
|
|
||||||
<tr class="bg-primary border-b border-gray-600">
|
<tr class="bg-primary border-b border-gray-600">
|
||||||
<th
|
<th
|
||||||
class="text-white whitespace-nowrap text-sm sm:text-[1rem] text-start bg-primary border-b border-gray-800"
|
class="text-white whitespace-nowrap text-sm sm:text-[1rem] text-start font-normal bg-primary border-b border-gray-800"
|
||||||
>No. Analysts</th
|
>No. Analysts</th
|
||||||
>
|
>
|
||||||
{#each tableCombinedRevenue as item}
|
{#each tableCombinedRevenue as item}
|
||||||
|
|||||||
@ -386,7 +386,7 @@
|
|||||||
{:else if data?.user?.tier !== "Pro"}
|
{:else if data?.user?.tier !== "Pro"}
|
||||||
<a
|
<a
|
||||||
href="/pricing"
|
href="/pricing"
|
||||||
class="px-3 py-1 text-sm flex flex-row items-center {timePeriod ===
|
class="px-3 py-1 text-sm flex flex-row items-center border border-gray-700 {timePeriod ===
|
||||||
item
|
item
|
||||||
? 'bg-white text-black '
|
? 'bg-white text-black '
|
||||||
: 'text-white bg-table text-opacity-[0.6]'} transition ease-out duration-100 sm:hover:bg-white sm:hover:text-black rounded-md cursor-pointer"
|
: 'text-white bg-table text-opacity-[0.6]'} transition ease-out duration-100 sm:hover:bg-white sm:hover:text-black rounded-md cursor-pointer"
|
||||||
@ -397,7 +397,7 @@
|
|||||||
xmlns="http://www.w3.org/2000/svg"
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
viewBox="0 0 24 24"
|
viewBox="0 0 24 24"
|
||||||
><path
|
><path
|
||||||
fill="#A3A3A3"
|
fill="currentColor"
|
||||||
d="M17 9V7c0-2.8-2.2-5-5-5S7 4.2 7 7v2c-1.7 0-3 1.3-3 3v7c0 1.7 1.3 3 3 3h10c1.7 0 3-1.3 3-3v-7c0-1.7-1.3-3-3-3M9 7c0-1.7 1.3-3 3-3s3 1.3 3 3v2H9z"
|
d="M17 9V7c0-2.8-2.2-5-5-5S7 4.2 7 7v2c-1.7 0-3 1.3-3 3v7c0 1.7 1.3 3 3 3h10c1.7 0 3-1.3 3-3v-7c0-1.7-1.3-3-3-3M9 7c0-1.7 1.3-3 3-3s3 1.3 3 3v2H9z"
|
||||||
/></svg
|
/></svg
|
||||||
>
|
>
|
||||||
|
|||||||
@ -4,7 +4,6 @@
|
|||||||
|
|
||||||
import TableHeader from "$lib/components/Table/TableHeader.svelte";
|
import TableHeader from "$lib/components/Table/TableHeader.svelte";
|
||||||
import UpgradeToPro from "$lib/components/UpgradeToPro.svelte";
|
import UpgradeToPro from "$lib/components/UpgradeToPro.svelte";
|
||||||
import Infobox from "$lib/components/Infobox.svelte";
|
|
||||||
import highcharts from "$lib/highcharts.ts";
|
import highcharts from "$lib/highcharts.ts";
|
||||||
|
|
||||||
export let data;
|
export let data;
|
||||||
@ -828,7 +827,7 @@
|
|||||||
id="optionDetailsDesktopModal"
|
id="optionDetailsDesktopModal"
|
||||||
class="modal {$screenWidth < 640
|
class="modal {$screenWidth < 640
|
||||||
? 'modal-bottom '
|
? 'modal-bottom '
|
||||||
: ''} bg-[#000] bg-opacity-[0.8] sm:px-5"
|
: ''} bg-[#000]/40 sm:px-5"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="modal-box w-full {rawDataHistory?.length > 0
|
class="modal-box w-full {rawDataHistory?.length > 0
|
||||||
|
|||||||
@ -187,7 +187,6 @@
|
|||||||
style: {
|
style: {
|
||||||
color: "#fff",
|
color: "#fff",
|
||||||
},
|
},
|
||||||
distance: 20, // Increases space between label and axis
|
|
||||||
formatter: function () {
|
formatter: function () {
|
||||||
const date = new Date(this.value);
|
const date = new Date(this.value);
|
||||||
return date.toLocaleDateString("en-US", {
|
return date.toLocaleDateString("en-US", {
|
||||||
@ -860,9 +859,7 @@
|
|||||||
|
|
||||||
<dialog
|
<dialog
|
||||||
id="optionDetailsDesktopModal"
|
id="optionDetailsDesktopModal"
|
||||||
class="modal {$screenWidth < 640
|
class="modal {$screenWidth < 640 ? 'modal-bottom ' : ''} bg-[#000]/40 sm:px-5"
|
||||||
? 'modal-bottom '
|
|
||||||
: ''} bg-[#000] bg-opacity-[0.8] sm:px-5"
|
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="modal-box w-full {rawDataHistory?.length > 0
|
class="modal-box w-full {rawDataHistory?.length > 0
|
||||||
|
|||||||
@ -439,7 +439,7 @@
|
|||||||
{:else if data?.user?.tier !== "Pro"}
|
{:else if data?.user?.tier !== "Pro"}
|
||||||
<a
|
<a
|
||||||
href="/pricing"
|
href="/pricing"
|
||||||
class="px-3 py-1 text-sm flex flex-row items-center {timePeriod ===
|
class="px-3 py-1 text-sm flex flex-row items-center border border-gray-700 {timePeriod ===
|
||||||
item
|
item
|
||||||
? 'bg-white text-black '
|
? 'bg-white text-black '
|
||||||
: 'text-white bg-table text-opacity-[0.6]'} transition ease-out duration-100 sm:hover:bg-white sm:hover:text-black rounded-md cursor-pointer"
|
: 'text-white bg-table text-opacity-[0.6]'} transition ease-out duration-100 sm:hover:bg-white sm:hover:text-black rounded-md cursor-pointer"
|
||||||
@ -450,7 +450,7 @@
|
|||||||
xmlns="http://www.w3.org/2000/svg"
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
viewBox="0 0 24 24"
|
viewBox="0 0 24 24"
|
||||||
><path
|
><path
|
||||||
fill="#A3A3A3"
|
fill="currentColor"
|
||||||
d="M17 9V7c0-2.8-2.2-5-5-5S7 4.2 7 7v2c-1.7 0-3 1.3-3 3v7c0 1.7 1.3 3 3 3h10c1.7 0 3-1.3 3-3v-7c0-1.7-1.3-3-3-3M9 7c0-1.7 1.3-3 3-3s3 1.3 3 3v2H9z"
|
d="M17 9V7c0-2.8-2.2-5-5-5S7 4.2 7 7v2c-1.7 0-3 1.3-3 3v7c0 1.7 1.3 3 3 3h10c1.7 0 3-1.3 3-3v-7c0-1.7-1.3-3-3-3M9 7c0-1.7 1.3-3 3-3s3 1.3 3 3v2H9z"
|
||||||
/></svg
|
/></svg
|
||||||
>
|
>
|
||||||
|
|||||||
@ -962,10 +962,7 @@
|
|||||||
<!--Start Add Watchlist Modal-->
|
<!--Start Add Watchlist Modal-->
|
||||||
<input type="checkbox" id="addWatchListModal" class="modal-toggle" />
|
<input type="checkbox" id="addWatchListModal" class="modal-toggle" />
|
||||||
|
|
||||||
<dialog
|
<dialog id="addWatchListModal" class="modal bg-[#000]/40 p-3 sm:p-0">
|
||||||
id="addWatchListModal"
|
|
||||||
class="modal bg-[#000] bg-opacity-[0.8] p-3 sm:p-0"
|
|
||||||
>
|
|
||||||
<label
|
<label
|
||||||
id="addWatchListModal"
|
id="addWatchListModal"
|
||||||
for="addWatchListModal"
|
for="addWatchListModal"
|
||||||
|
|||||||
@ -934,10 +934,7 @@
|
|||||||
<!--Start Add Watchlist Modal-->
|
<!--Start Add Watchlist Modal-->
|
||||||
<input type="checkbox" id="addWatchListModal" class="modal-toggle" />
|
<input type="checkbox" id="addWatchListModal" class="modal-toggle" />
|
||||||
|
|
||||||
<dialog
|
<dialog id="addWatchListModal" class="modal bg-[#000]/40 p-3 sm:p-0">
|
||||||
id="addWatchListModal"
|
|
||||||
class="modal bg-[#000] bg-opacity-[0.8] p-3 sm:p-0"
|
|
||||||
>
|
|
||||||
<label
|
<label
|
||||||
id="addWatchListModal"
|
id="addWatchListModal"
|
||||||
for="addWatchListModal"
|
for="addWatchListModal"
|
||||||
|
|||||||
@ -808,9 +808,7 @@
|
|||||||
|
|
||||||
<dialog
|
<dialog
|
||||||
id="optionDetailsDesktopModal"
|
id="optionDetailsDesktopModal"
|
||||||
class="modal {$screenWidth < 640
|
class="modal {$screenWidth < 640 ? 'modal-bottom' : ''} bg-[#000]/40 sm:px-5"
|
||||||
? 'modal-bottom'
|
|
||||||
: ''} bg-[#000] bg-opacity-[0.8] sm:px-5"
|
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="modal-box w-full {rawDataHistory?.length > 0
|
class="modal-box w-full {rawDataHistory?.length > 0
|
||||||
|
|||||||
@ -1686,7 +1686,7 @@
|
|||||||
id="ruleModal"
|
id="ruleModal"
|
||||||
for="ruleModal"
|
for="ruleModal"
|
||||||
on:click={() => (searchTerm = "")}
|
on:click={() => (searchTerm = "")}
|
||||||
class="cursor-pointer modal-backdrop bg-[#000] bg-opacity-[0.8]"
|
class="cursor-pointer modal-backdrop bg-[#000]/40"
|
||||||
></label>
|
></label>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
@ -1839,9 +1839,7 @@
|
|||||||
<input type="checkbox" id="mobileTooltip" class="modal-toggle" />
|
<input type="checkbox" id="mobileTooltip" class="modal-toggle" />
|
||||||
|
|
||||||
<dialog id="mobileTooltip" class="modal p-3">
|
<dialog id="mobileTooltip" class="modal p-3">
|
||||||
<label
|
<label for="mobileTooltip" class="cursor-pointer modal-backdrop bg-[#000]/40"
|
||||||
for="mobileTooltip"
|
|
||||||
class="cursor-pointer modal-backdrop bg-[#000] bg-opacity-[0.8]"
|
|
||||||
></label>
|
></label>
|
||||||
|
|
||||||
<!-- Desktop modal content -->
|
<!-- Desktop modal content -->
|
||||||
|
|||||||
@ -3618,7 +3618,7 @@ const handleKeyDown = (event) => {
|
|||||||
id="ruleModal"
|
id="ruleModal"
|
||||||
for="ruleModal"
|
for="ruleModal"
|
||||||
on:click={() => (searchTerm = "")}
|
on:click={() => (searchTerm = "")}
|
||||||
class="cursor-pointer modal-backdrop bg-[#000] bg-opacity-[0.8]"
|
class="cursor-pointer modal-backdrop bg-[#000]/40"
|
||||||
></label>
|
></label>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
@ -3845,9 +3845,7 @@ const handleKeyDown = (event) => {
|
|||||||
<input type="checkbox" id="mobileTooltip" class="modal-toggle" />
|
<input type="checkbox" id="mobileTooltip" class="modal-toggle" />
|
||||||
|
|
||||||
<dialog id="mobileTooltip" class="modal p-3">
|
<dialog id="mobileTooltip" class="modal p-3">
|
||||||
<label
|
<label for="mobileTooltip" class="cursor-pointer modal-backdrop bg-[#000]/40"
|
||||||
for="mobileTooltip"
|
|
||||||
class="cursor-pointer modal-backdrop bg-[#000] bg-opacity-[0.8]"
|
|
||||||
></label>
|
></label>
|
||||||
|
|
||||||
<!-- Desktop modal content -->
|
<!-- Desktop modal content -->
|
||||||
|
|||||||
@ -1044,10 +1044,7 @@
|
|||||||
<!--Start Add Watchlist Modal-->
|
<!--Start Add Watchlist Modal-->
|
||||||
<input type="checkbox" id="addWatchListModal" class="modal-toggle" />
|
<input type="checkbox" id="addWatchListModal" class="modal-toggle" />
|
||||||
|
|
||||||
<dialog
|
<dialog id="addWatchListModal" class="modal bg-[#000]/40 p-3 sm:p-0">
|
||||||
id="addWatchListModal"
|
|
||||||
class="modal bg-[#000] bg-opacity-[0.8] p-3 sm:p-0"
|
|
||||||
>
|
|
||||||
<label
|
<label
|
||||||
id="addWatchListModal"
|
id="addWatchListModal"
|
||||||
for="addWatchListModal"
|
for="addWatchListModal"
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user