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-12-26 16:00:08 +01:00
parent 2603299105
commit c3b156fdb5
2 changed files with 14 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/lib/components/RatingsChart.svelte
View File

@ -279,8 +279,8 @@
<label <label
on:click={() => (timePeriod = item)} on:click={() => (timePeriod = item)}
class="px-4 py-2 {timePeriod === item class="px-4 py-2 {timePeriod === item
? 'bg-secondary' ? 'bg-white text-black shadow-xl'
: ''} sm:hover:bg-secondary border border-gray-600 text-white 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"
> >
{item} {item}
</label> </label>

19
src/routes/politicians/flow-data/+page.svelte
View File

@ -5,6 +5,7 @@
import HoverStockChart from "$lib/components/HoverStockChart.svelte"; import HoverStockChart from "$lib/components/HoverStockChart.svelte";
//import UpgradeToPro from '$lib/components/UpgradeToPro.svelte'; //import UpgradeToPro from '$lib/components/UpgradeToPro.svelte';
import ArrowLogo from "lucide-svelte/icons/move-up-right"; import ArrowLogo from "lucide-svelte/icons/move-up-right";
import Infobox from "$lib/components/Infobox.svelte";
// import * as XLSX from 'xlsx'; // import * as XLSX from 'xlsx';
@ -119,8 +120,12 @@
</h1> </h1>
</div> </div>
<Infobox
text="We provide real-time updates on the latest congressional trading activities."
/>
<body class="w-full overflow-hidden m-auto"> <body class="w-full overflow-hidden m-auto">
<section class="w-full overflow-hidden m-auto sm:mt-10"> <section class="w-full overflow-hidden m-auto mt-5">
<div class=" flex justify-center w-full m-auto overflow-hidden"> <div class=" flex justify-center w-full m-auto overflow-hidden">
<div <div
class="relative flex justify-center items-center overflow-hidden w-full" class="relative flex justify-center items-center overflow-hidden w-full"
@ -131,10 +136,10 @@
class="w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-scroll sm:overflow-hidden" class="w-full m-auto rounded-none sm:rounded-md mb-4 overflow-x-scroll sm:overflow-hidden"
> >
<table <table
class="table table-sm table-pin-cols table-compact rounded-none sm:rounded-md w-full bg-table border border-gray-800 m-auto" class="table table-sm table-pin-cols table-compact rounded-none sm:rounded-md w-full bg-default border border-gray-800 m-auto"
> >
<thead> <thead class="bg-default">
<tr class="bg-default border-b border-[#27272A]"> <tr class="">
<th <th
class=" text-start bg-default text-white text-sm font-medium sm:font-semibold" class=" text-start bg-default text-white text-sm font-medium sm:font-semibold"
> >
@ -165,7 +170,7 @@
<tbody> <tbody>
{#each displayList as item, index} {#each displayList as item, index}
<tr <tr
class="odd:bg-odd border-b border-gray-800 {index + class="bg-table odd:bg-odd border-bborder-gray-800 {index +
1 === 1 ===
rawData?.length && data?.user?.tier !== 'Pro' rawData?.length && data?.user?.tier !== 'Pro'
? 'opacity-[0.1]' ? 'opacity-[0.1]'
@ -173,7 +178,7 @@
> >
<th <th
class="{index % 2 class="{index % 2
? 'bg-default' ? 'bg-table'
: 'bg-odd'} text-white text-sm sm:text-[1rem] whitespace-nowrap" : 'bg-odd'} text-white text-sm sm:text-[1rem] whitespace-nowrap"
> >
<div class="flex flex-row items-center"> <div class="flex flex-row items-center">
@ -203,7 +208,7 @@
), ),
)}</a )}</a
> >
<span class="text-gray-300" <span class="text-white"
>{item?.party}</span >{item?.party}</span
> >
</div> </div>