sysadminix/rentalcalculator
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

RC-11: update components according to ui kit

Browse Source
This commit is contained in:
evgeniywas
2023-06-24 20:43:29 +01:00
parent dbc9bffec4
commit b78e7b159b
15 changed files with 76 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/theme-layouts/layout2/components/HeaderLayout2.js
View File

@@ -8,7 +8,7 @@ function HeaderLayout2(props) {
const { t } = useTranslation('layout2');
return (
<header className="fixed z-50 flex items-center justify-center w-full h-72 px-10 bg-white">
<header className="fixed z-50 flex items-center justify-center w-full h-72 px-10 bg-primary-light">
<div className="flex justify-between max-w-screen-xl w-full">
<Link to="/">
<img
@@ -17,10 +17,11 @@ function HeaderLayout2(props) {
alt={t('logo_alt')}
/>
</Link>
<nav className="flex grow justify-center gap-72 items-center">
{linksConfigLayout2.map((path) => (
<Link
className="text-lg leading-5 text-slate-800 no-underline"
className="text-lg leading-5 text-common-layout no-underline"
to={`/${path}`}
key={path}
>
@@ -28,13 +29,14 @@ function HeaderLayout2(props) {
</Link>
))}
</nav>
{props.isAuthenticated || (
<div className="flex gap-32 items-center">
<Link className="text-indigo-400" to="/sign-in">
<Link className="text-secondary-main" to="/sign-in">
{t('sign_in')}
</Link>
<Link
className="flex gap-7 items-center px-24 py-10 text-lg leading-5 text-white bg-indigo-400 rounded-2xl"
className="flex gap-7 items-center px-24 py-10 text-lg leading-5 text-primary-light bg-secondary-main rounded-2xl shadow hover:shadow-hover hover:shadow-secondary-main ease-in-out duration-300"
to="/sign-up"
>
<span>{t('sign_up')}</span>