From d375e5c9f162cbd84a6e6462977db56519d09f75 Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Thu, 7 Dec 2023 18:48:53 +0100 Subject: refactor(pages): refine Project pages * refactor ProjectOverview component to let consumers handle the value * extract project overview depending on Github to avoid fetching Github API if the project is not on Github * wrap dynamic import in a useMemo hook to avoid infinite rerender * fix table of contents by adding a useMutationObserver hook to refresh headings tree (without it useHeadingsTree is not retriggered once the dynamic import is done) * add Cypress tests --- src/styles/pages/project.module.scss | 11 ----------- src/styles/pages/projects.module.scss | 14 ++++++++++++++ 2 files changed, 14 insertions(+), 11 deletions(-) delete mode 100644 src/styles/pages/project.module.scss (limited to 'src/styles') diff --git a/src/styles/pages/project.module.scss b/src/styles/pages/project.module.scss deleted file mode 100644 index 69c0f8d..0000000 --- a/src/styles/pages/project.module.scss +++ /dev/null @@ -1,11 +0,0 @@ -@use "../abstracts/mixins" as mix; - -.widget { - @include mix.media("screen") { - @include mix.dimensions("md") { - > ul { - width: min-content; - } - } - } -} diff --git a/src/styles/pages/projects.module.scss b/src/styles/pages/projects.module.scss index 33a0d42..ab5389d 100644 --- a/src/styles/pages/projects.module.scss +++ b/src/styles/pages/projects.module.scss @@ -13,3 +13,17 @@ .card { height: 100%; } + +.overview { + margin-block: var(--spacing-md); +} + +.sharing-widget { + @include mix.media("screen") { + @include mix.dimensions("md") { + ul { + width: min-content; + } + } + } +} -- cgit v1.2.3