ershisan99/vacancies-trends-front
1
0
Fork 0
mirror of https://github.com/ershisan99/vacancies-trends-front.git synced 2026-02-02 05:12:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

styles

Browse Source
This commit is contained in:
andres
2024-06-20 20:10:27 +02:00
parent a34226b6cc
commit 0bf01a7d9e
2 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/routes/_index.tsx
View File

@@ -21,9 +21,11 @@ export const loader = async () => {
export default function Index() {
const { keywords } = useLoaderData<typeof loader>()
return (
<div>
<h1 className={'text-2xl font-semibold mb-6'}>Compare vacancies trends over time</h1>
<h2 className={'text-lg mb-2'}>Select a preset:</h2>
<div className={'flex flex-col gap-2'} role={'list'}>
{Object.entries(keywords?.presets ?? {}).map(([label, values]) => {
if (values.length === 0) return null
@@ -32,7 +34,7 @@ export default function Index() {
<Tooltip content={<TooltipContent values={values} />} key={label}>
<Link
role={'listitem'}
className={'text-blue-300 hover:underline w-max'}
className={'text-sky-500 hover:underline w-max'}
to={{
pathname: '/trends',
search: new URLSearchParams({