scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(LOY-10): My pages sidebar UI tweaks

Browse Source
This commit is contained in:
Chuma McPhoy
2024-12-12 10:22:17 +01:00
parent f5fb64729c
commit 53c33fef13
2 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/[lang]/(live)/(protected)/my-pages/layout.module.css
View File

@@ -23,7 +23,7 @@
@media screen and (min-width: 1367px) { @media screen and (min-width: 1367px) {
.content { .content {
gap: var(--Spacing-x5); gap: var(--Spacing-x5);
grid-template-columns: max(360px) 1fr; grid-template-columns: max(340px) 1fr;
padding-left: var(--Spacing-x5); padding-left: var(--Spacing-x5);
padding-right: var(--Spacing-x5); padding-right: var(--Spacing-x5);
} }

4
components/MyPages/Sidebar/index.tsx
View File

@@ -18,7 +18,9 @@ export default async function SidebarMyPages() {
return ( return (
<aside className={styles.sidebar}> <aside className={styles.sidebar}>
<nav className={styles.nav}> <nav className={styles.nav}>
<Subtitle type="two">{navigation?.title}</Subtitle> <Subtitle type="two" color="baseTextHighContrast">
{navigation?.title}
</Subtitle>
{navigation?.menuItems.map((menuItem, idx) => ( {navigation?.menuItems.map((menuItem, idx) => (
<Fragment key={`${menuItem.display_sign_out_link}-${idx}`}> <Fragment key={`${menuItem.display_sign_out_link}-${idx}`}>
<Divider color="beige" /> <Divider color="beige" />