From 8311451420ccf40fb1d9c3ec54504f10d9320197 Mon Sep 17 00:00:00 2001 From: Prospector <6166773+Prospector@users.noreply.github.com> Date: Wed, 28 Aug 2024 10:12:25 -0700 Subject: [PATCH] Update public-facing orgs page, componetize page headers (#2307) * Update public-facing orgs page, componetize page headers * Improve supported environments * Move user page stats to top and remove details card * Fix padding on orgs page when no navlinks * fix lint --------- Co-authored-by: Geometrically <18202329+Geometrically@users.noreply.github.com> --- apps/frontend/src/assets/styles/layout.scss | 8 + apps/frontend/src/pages/[type]/[id].vue | 420 ++++++++-------- apps/frontend/src/pages/organization/[id].vue | 455 ++++++++++-------- apps/frontend/src/pages/user/[id].vue | 230 ++++----- .../src/components/base/ContentPageHeader.vue | 26 + packages/ui/src/components/index.ts | 1 + 6 files changed, 566 insertions(+), 574 deletions(-) create mode 100644 packages/ui/src/components/base/ContentPageHeader.vue diff --git a/apps/frontend/src/assets/styles/layout.scss b/apps/frontend/src/assets/styles/layout.scss index 92b0bf4a8..f52cbe5ad 100644 --- a/apps/frontend/src/assets/styles/layout.scss +++ b/apps/frontend/src/assets/styles/layout.scss @@ -62,6 +62,10 @@ .normal-page__content { grid-area: content; } + + .normal-page__header { + grid-area: header; + } } @media (min-width: 1024px) { @@ -161,4 +165,8 @@ max-width: calc(80rem - 18.75rem - 0.75rem); //overflow-x: hidden; } + + .normal-page__header { + grid-area: header; + } } diff --git a/apps/frontend/src/pages/[type]/[id].vue b/apps/frontend/src/pages/[type]/[id].vue index 1ed4e1d80..0323e650a 100644 --- a/apps/frontend/src/pages/[type]/[id].vue +++ b/apps/frontend/src/pages/[type]/[id].vue @@ -430,220 +430,208 @@ }" >