AmineTMIRI/frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui fix

Browse Source
This commit is contained in:
MuslemRahimi 2024-08-29 19:59:12 +02:00
parent d570823c64
commit cc79de2ae2
2 changed files with 17 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/routes/politicians/[slug]/+page.svelte
View File

@ -226,7 +226,6 @@ use([BarChart, GridComponent, TooltipComponent, CanvasRenderer])
itemStyle: { itemStyle: {
color: '#22C55E' // Change bar color to white color: '#22C55E' // Change bar color to white
}, },
barWidth: '25%',
}, },
{ {
@ -234,9 +233,8 @@ use([BarChart, GridComponent, TooltipComponent, CanvasRenderer])
data: soldList, data: soldList,
type: 'bar', type: 'bar',
itemStyle: { itemStyle: {
color: '#E11D48' // Change bar color to white color: '#F71F4F' // Change bar color to white
}, },
barWidth: '25%',
}, },
] ]
}; };
@ -471,7 +469,7 @@ use([BarChart, GridComponent, TooltipComponent, CanvasRenderer])
</div> </div>
<div class="flex flex-col sm:flex-row items-center ml-3 sm:ml-0 w-1/2 justify-center"> <div class="flex flex-col sm:flex-row items-center ml-3 sm:ml-0 w-1/2 justify-center">
<div class="h-full bg-[#313131] transform -translate-x-1/2 " aria-hidden="true"></div> <div class="h-full bg-[#313131] transform -translate-x-1/2 " aria-hidden="true"></div>
<div class="w-3 h-3 bg-[#E11D48] border-4 box-content border-[#313131] rounded-full transform sm:-translate-x-1/2" aria-hidden="true"></div> <div class="w-3 h-3 bg-[#F71F4F] border-4 box-content border-[#313131] rounded-full transform sm:-translate-x-1/2" aria-hidden="true"></div>
<span class="mt-2 sm:mt-0 text-white text-xs sm:text-md sm:font-medium inline-block"> <span class="mt-2 sm:mt-0 text-white text-xs sm:text-md sm:font-medium inline-block">
Sold Sold
</span> </span>

30
src/routes/pricing/+page.svelte
View File

@ -127,7 +127,7 @@ async function purchasePlan(subscriptionType:string='') {
<div class="flex flex-row items-center justify-center mt-6 pb-5"> <div class="flex flex-row items-center justify-center mt-6 pb-5">
<span class="text-sm font-medium text-white text-opacity-[0.6] mr-3"> <span class="text-sm font-semibold text-white mr-3">
Pay Monthly Pay Monthly
</span> </span>
@ -138,7 +138,7 @@ async function purchasePlan(subscriptionType:string='') {
</label> </label>
<div class="ml-3 -mb-4 flex flex-col items-start"> <div class="ml-3 -mb-4 flex flex-col items-start">
<span class="text-sm font-medium text-white text-opacity-[0.6]"> <span class="text-sm font-semibold text-white">
Pay Yearly Pay Yearly
</span> </span>
<span class="text-[#FBCE3C] text-sm font-semibold"> <span class="text-[#FBCE3C] text-sm font-semibold">
@ -465,9 +465,9 @@ async function purchasePlan(subscriptionType:string='') {
<div class="space-y-4 mb-12"> <div class="space-y-4 mb-12">
<!-- Table (Tidy Essential) --> <!-- Table (Tidy Essential) -->
<div class="overflow-x-auto" data-aos="fade-up"> <div class="overflow-x-auto" data-aos="fade-up">
<table class="table-auto w-full border-b border-slate-400"> <table class="table table-sm table-compact w-full">
<!-- Table header --> <!-- Table header -->
<thead> <thead class="border-b border-gray-800">
<tr class="text-base sm:text-lg text-white"> <tr class="text-base sm:text-lg text-white">
<th class="text-xl md:text-2xl whitespace-nowrap font-bold text-left pr-2 py-4 min-w-[10rem] md:min-w-[24rem]">Plan</th> <th class="text-xl md:text-2xl whitespace-nowrap font-bold text-left pr-2 py-4 min-w-[10rem] md:min-w-[24rem]">Plan</th>
<th class="text-bold text-center px-2 py-4">Free</th> <th class="text-bold text-center px-2 py-4">Free</th>
@ -477,7 +477,7 @@ async function purchasePlan(subscriptionType:string='') {
<!-- Table body --> <!-- Table body -->
<tbody> <tbody>
<!-- Row --> <!-- Row -->
<tr class="border-t first:border-t-2 border-slate-400"> <tr class="border-t first:border-t-2 border-gray-800">
<td class="text-sm sm:text-base font-medium text-white pr-2 py-4"> <td class="text-sm sm:text-base font-medium text-white pr-2 py-4">
<div class="flex items-center justify-between max-w-xs"> <div class="flex items-center justify-between max-w-xs">
<div>Unusual Options Activity</div> <div>Unusual Options Activity</div>
@ -491,7 +491,7 @@ async function purchasePlan(subscriptionType:string='') {
</td> </td>
</tr> </tr>
<!-- Row --> <!-- Row -->
<tr class="border-t first:border-t-2 border-slate-400"> <tr class="border-t first:border-t-2 border-gray-800">
<td class="text-sm sm:text-base font-medium text-white pr-2 py-4"> <td class="text-sm sm:text-base font-medium text-white pr-2 py-4">
<div class="flex items-center justify-between max-w-xs"> <div class="flex items-center justify-between max-w-xs">
<div>Retail Trader Activity</div> <div>Retail Trader Activity</div>
@ -505,7 +505,7 @@ async function purchasePlan(subscriptionType:string='') {
</td> </td>
</tr> </tr>
<!-- Row --> <!-- Row -->
<tr class="border-t first:border-t-2 border-slate-400"> <tr class="border-t first:border-t-2 border-gray-800">
<td class="text-sm sm:text-base font-medium text-white pr-2 py-4"> <td class="text-sm sm:text-base font-medium text-white pr-2 py-4">
<div class="flex items-center justify-between max-w-xs"> <div class="flex items-center justify-between max-w-xs">
<div>Dark Pool Data</div> <div>Dark Pool Data</div>
@ -519,7 +519,7 @@ async function purchasePlan(subscriptionType:string='') {
</td> </td>
</tr> </tr>
<!-- Row --> <!-- Row -->
<tr class="border-t first:border-t-2 border-slate-400"> <tr class="border-t first:border-t-2 border-gray-800">
<td class="text-sm sm:text-base font-medium text-white pr-2 py-4"> <td class="text-sm sm:text-base font-medium text-white pr-2 py-4">
<div class="flex items-center justify-between max-w-xs"> <div class="flex items-center justify-between max-w-xs">
<div>AI Predictions</div> <div>AI Predictions</div>
@ -533,7 +533,7 @@ async function purchasePlan(subscriptionType:string='') {
</td> </td>
</tr> </tr>
<!-- Row --> <!-- Row -->
<tr class="border-t first:border-t-2 border-slate-400"> <tr class="border-t first:border-t-2 border-gray-800">
<td class="text-sm sm:text-base font-medium text-white pr-2 py-4"> <td class="text-sm sm:text-base font-medium text-white pr-2 py-4">
<div class="flex items-center justify-between max-w-xs"> <div class="flex items-center justify-between max-w-xs">
<div>Wallstreet Analyst Database</div> <div>Wallstreet Analyst Database</div>
@ -547,7 +547,7 @@ async function purchasePlan(subscriptionType:string='') {
</td> </td>
</tr> </tr>
<!-- Row --> <!-- Row -->
<tr class="border-t first:border-t-2 border-slate-400"> <tr class="border-t first:border-t-2 border-gray-800">
<td class="text-sm sm:text-base font-medium text-white pr-2 py-4"> <td class="text-sm sm:text-base font-medium text-white pr-2 py-4">
<div class="flex items-center justify-between max-w-xs"> <div class="flex items-center justify-between max-w-xs">
<div>Hedge Fund Database</div> <div>Hedge Fund Database</div>
@ -561,7 +561,7 @@ async function purchasePlan(subscriptionType:string='') {
</td> </td>
</tr> </tr>
<!-- Row --> <!-- Row -->
<tr class="border-t first:border-t-2 border-slate-400"> <tr class="border-t first:border-t-2 border-gray-800">
<td class="text-sm sm:text-base font-medium text-white pr-2 py-4"> <td class="text-sm sm:text-base font-medium text-white pr-2 py-4">
<div class="flex items-center justify-between max-w-xs"> <div class="flex items-center justify-between max-w-xs">
<div>Congress Database</div> <div>Congress Database</div>
@ -575,7 +575,7 @@ async function purchasePlan(subscriptionType:string='') {
</td> </td>
</tr> </tr>
<!-- Row --> <!-- Row -->
<tr class="border-t first:border-t-2 border-slate-400"> <tr class="border-t first:border-t-2 border-gray-800">
<td class="text-sm sm:text-base font-medium text-white pr-2 py-4"> <td class="text-sm sm:text-base font-medium text-white pr-2 py-4">
<div class="flex items-center justify-between max-w-xs"> <div class="flex items-center justify-between max-w-xs">
<div>Financial History</div> <div>Financial History</div>
@ -589,7 +589,7 @@ async function purchasePlan(subscriptionType:string='') {
</td> </td>
</tr> </tr>
<!-- Row --> <!-- Row -->
<tr class="border-t first:border-t-2 border-slate-400"> <tr class="border-t first:border-t-2 border-gray-800">
<td class="text-sm sm:text-base font-medium text-white pr-2 py-4"> <td class="text-sm sm:text-base font-medium text-white pr-2 py-4">
<div class="flex items-center justify-between max-w-xs"> <div class="flex items-center justify-between max-w-xs">
<div>Watchlist</div> <div>Watchlist</div>
@ -603,7 +603,7 @@ async function purchasePlan(subscriptionType:string='') {
</td> </td>
</tr> </tr>
<!-- Row --> <!-- Row -->
<tr class="border-t first:border-t-2 border-slate-400"> <tr class="border-t first:border-t-2 border-gray-800">
<td class="text-sm sm:text-base font-medium text-white pr-2 py-4"> <td class="text-sm sm:text-base font-medium text-white pr-2 py-4">
<div class="flex items-center justify-between max-w-xs"> <div class="flex items-center justify-between max-w-xs">
<div class="flex items-center space-x-2"> <div class="flex items-center space-x-2">
@ -653,7 +653,7 @@ async function purchasePlan(subscriptionType:string='') {
</div> </div>
<!-- Faqs --> <!-- Faqs -->
<ul class="mx-auto divide-y divide-slate-400"> <ul class="mx-auto divide-y divide-gray-800">
<li> <li>
<details class="collapse collapse-arrow"> <details class="collapse collapse-arrow">
<summary class="collapse-title text-white font-semibold text-[1rem] sm:text-xl flex items-center justify-between w-full text-left py-5">What are the advantages of Stocknear Service?</summary> <summary class="collapse-title text-white font-semibold text-[1rem] sm:text-xl flex items-center justify-between w-full text-left py-5">What are the advantages of Stocknear Service?</summary>