+
{
<>
svg {
- @apply text-base text-neutral-100;
+ @apply text-base text-zinc-100;
}
}
diff --git a/client/components/build/Center/Header.tsx b/client/components/build/Center/Header.tsx
index 604d1c3e..18a8d0f6 100644
--- a/client/components/build/Center/Header.tsx
+++ b/client/components/build/Center/Header.tsx
@@ -20,7 +20,6 @@ import {
useMediaQuery,
useTheme,
} from '@mui/material';
-import clsx from 'clsx';
import get from 'lodash/get';
import { useRouter } from 'next/router';
import { useTranslation } from 'next-i18next';
@@ -37,6 +36,7 @@ import { setSidebarState, toggleSidebar } from '@/store/build/buildSlice';
import { useAppDispatch, useAppSelector } from '@/store/hooks';
import { setModalState } from '@/store/modal/modalSlice';
import getResumeUrl from '@/utils/getResumeUrl';
+import { cn } from '@/utils/styles';
import styles from './Header.module.scss';
@@ -102,7 +102,7 @@ const Header = () => {
},
},
},
- })
+ }),
);
};
@@ -132,14 +132,14 @@ const Header = () => {
const url = getResumeUrl(resume, { withHost: true });
await navigator.clipboard.writeText(url);
- toast.success(t
('common.toast.success.resume-link-copied'));
+ toast.success(t('common.toast.success.resume-link-copied'));
};
return (
{
- {t('builder.header.menu.rename')}
+ {t('builder.header.menu.rename')}
{resume.public ? (
@@ -180,27 +180,27 @@ const Header = () => {
- {t('builder.header.menu.share-link')}
+ {t('builder.header.menu.share-link')}
) : (
- ('builder.header.menu.tooltips.share-link')}>
+
)}
- ('builder.header.menu.tooltips.delete')}>
+
diff --git a/client/components/build/Center/Page.module.scss b/client/components/build/Center/Page.module.scss
index dffed45d..e8489134 100644
--- a/client/components/build/Center/Page.module.scss
+++ b/client/components/build/Center/Page.module.scss
@@ -18,8 +18,8 @@
content: 'Page Break';
top: calc(297mm - 19px);
- @apply absolute w-full border-b border-dashed border-neutral-800/75;
- @apply flex items-end justify-end pr-2 pb-0.5 text-xs font-bold text-neutral-800/75;
+ @apply absolute w-full border-b border-dashed border-zinc-900/75;
+ @apply flex items-end justify-end pr-2 pb-0.5 text-xs font-bold text-zinc-900/75;
@apply print:hidden;
:global(.preview-mode) &,
diff --git a/client/components/build/Center/Page.tsx b/client/components/build/Center/Page.tsx
index 32542ccc..3d8e3bf9 100644
--- a/client/components/build/Center/Page.tsx
+++ b/client/components/build/Center/Page.tsx
@@ -49,9 +49,7 @@ const Page: React.FC = ({ page, showPageNumbers = false }) => {
{TemplatePage && }
- {showPageNumbers && (
- {`${t('builder.common.glossary.page')} ${page + 1}`}
- )}
+ {showPageNumbers && {`${t('builder.common.glossary.page')} ${page + 1}`}
}
);
};
diff --git a/client/components/build/LeftSidebar/LeftSidebar.module.scss b/client/components/build/LeftSidebar/LeftSidebar.module.scss
index 086d3895..d335048b 100644
--- a/client/components/build/LeftSidebar/LeftSidebar.module.scss
+++ b/client/components/build/LeftSidebar/LeftSidebar.module.scss
@@ -1,12 +1,12 @@
.container {
@apply h-screen w-[95vw] md:w-[70vw] lg:w-[50vw] xl:w-[30vw] 2xl:w-[28vw];
- @apply bg-neutral-50 text-neutral-900 dark:bg-neutral-900 dark:text-neutral-50;
- @apply relative flex border-r-2 border-neutral-50/10;
+ @apply bg-zinc-100 text-zinc-900 dark:bg-zinc-900 dark:text-zinc-100;
+ @apply relative flex border-r-2 border-zinc-100/10;
nav {
@apply absolute inset-y-0 left-0;
@apply w-14 py-4 md:w-16 md:px-2;
- @apply bg-neutral-100 shadow dark:bg-neutral-800;
+ @apply bg-zinc-100 shadow dark:bg-zinc-900;
@apply flex flex-col items-center justify-between;
hr {
@@ -29,7 +29,7 @@
> section {
@apply grid gap-4;
@apply pt-5 pb-7 first:pt-0;
- @apply border-b border-neutral-900/10 last:border-b-0 dark:border-neutral-50/10;
+ @apply border-b border-zinc-900/10 last:border-b-0 dark:border-zinc-100/10;
hr {
@apply my-2;
diff --git a/client/components/build/LeftSidebar/LeftSidebar.tsx b/client/components/build/LeftSidebar/LeftSidebar.tsx
index bdc9f41d..47cbdf6b 100644
--- a/client/components/build/LeftSidebar/LeftSidebar.tsx
+++ b/client/components/build/LeftSidebar/LeftSidebar.tsx
@@ -8,7 +8,7 @@ import React, { ReactComponentElement, useMemo } from 'react';
import { Section as SectionRecord } from 'schema';
import { validate } from 'uuid';
-import Logo from '@/components/shared/Logo';
+import Icon from '@/components/shared/Icon';
import { getCustomSections, getSectionsByType, left } from '@/config/sections';
import { setSidebarState } from '@/store/build/buildSlice';
import { useAppDispatch, useAppSelector } from '@/store/hooks';
@@ -69,7 +69,7 @@ const LeftSidebar = () => {
sectionsComponents.push(
+ ,
);
if (addMore) {
@@ -89,7 +89,7 @@ const LeftSidebar = () => {
elements.push(
+ ,
);
}
sectionsComponents.push(...elements);
@@ -112,7 +112,9 @@ const LeftSidebar = () => {