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

feat: use body wrapper

Browse Source
This commit is contained in:
Fredrik Thorsson
2024-06-11 16:21:07 +02:00
parent df22c39909
commit 4dc945a324
2 changed files with 4 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
components/MyPages/Blocks/Shortcuts/index.tsx
View File

@@ -1,5 +1,6 @@
import { ArrowRightIcon } from "@/components/Icons" import { ArrowRightIcon } from "@/components/Icons"
import Link from "@/components/TempDesignSystem/Link" import Link from "@/components/TempDesignSystem/Link"
import Body from "@/components/TempDesignSystem/Text/Body"
import Header from "../Header" import Header from "../Header"
@@ -29,7 +30,9 @@ export default function Shortcuts({
target={shortcut.openInNewTab ? "_blank" : undefined} target={shortcut.openInNewTab ? "_blank" : undefined}
variant="shortcut" variant="shortcut"
> >
<Body textTransform="bold" color="burgundy">
<span>{shortcut.text ? shortcut.text : shortcut.title}</span> <span>{shortcut.text ? shortcut.text : shortcut.title}</span>
</Body>
<ArrowRightIcon color="burgundy" className={styles.arrowRight} /> <ArrowRightIcon color="burgundy" className={styles.arrowRight} />
</Link> </Link>
))} ))}

7
components/MyPages/Blocks/Shortcuts/shortcuts.module.css
View File

@@ -13,16 +13,9 @@
.link { .link {
align-items: center; align-items: center;
border-bottom: 0.5px solid var(--Base-Border-Subtle); border-bottom: 0.5px solid var(--Base-Border-Subtle);
color: var(--Theme-Primary-Light-On-Surface-Text);
display: flex; display: flex;
font-family: var(--typography-Body-Regular-fontFamily);
font-size: var(--typography-Body-Regular-fontSize);
font-weight: 500;
justify-content: space-between; justify-content: space-between;
line-height: 1.5rem;
padding: 1.5rem; padding: 1.5rem;
text-decoration: none;
letter-spacing: var(--typography-Body-Regular-letterSpacing);
} }
.link:last-child { .link:last-child {