ershisan99/vacancies-trends-front
1
0
Fork 0
mirror of https://github.com/ershisan99/vacancies-trends-front.git synced 2025-12-16 12:34:06 +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 />
</head>
<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>
<ul className={'flex gap-4'}>
<li>
<Link to={'/'}>Home</Link>
<Link to={'/'} className={'text-xl hover:underline'}>
Home
</Link>
</li>
</ul>
</nav>

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({