ershisan99/vacancies-trends-front
1
0
Fork 0
mirror of https://github.com/ershisan99/vacancies-trends-front.git synced 2025-12-16 20:59:25 +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

6
app/root.tsx
View File

@@ -15,11 +15,13 @@ export function Layout({ children }: PropsWithChildren) {
<Links /> <Links />
</head> </head>
<body className={'h-full'}> <body className={'h-full'}>
<header className={'p-4 bg-gray-50 dark:bg-gray-900 fixed w-full z-10'}> <header className={'p-4 px-10 bg-gray-50 dark:bg-gray-900 fixed w-full z-10'}>
<nav> <nav>
<ul className={'flex gap-4'}> <ul className={'flex gap-4'}>
<li> <li>
<Link to={'/'}>Home</Link> <Link to={'/'} className={'text-xl hover:underline'}>
Home
</Link>
</li> </li>
</ul> </ul>
</nav> </nav>

4
app/routes/_index.tsx
View File

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