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

Merged in feat/WEB-315-handy-shortcuts (pull request #235)

Browse Source 
feat/WEB-315-handy-shortcuts

Approved-by: Simon.Emanuelsson
This commit is contained in:
Fredrik Thorsson
2024-06-13 15:03:38 +00:00
committed by Simon.Emanuelsson
parent 606bbb0dab 9ecfa96876
commit f9acabce1f
2 changed files with 13 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
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,8 +30,10 @@ export default function Shortcuts({
target={shortcut.openInNewTab ? "_blank" : undefined} target={shortcut.openInNewTab ? "_blank" : undefined}
variant="shortcut" variant="shortcut"
> >
<span>{shortcut.text ? shortcut.text : shortcut.title}</span> <Body textTransform="bold" color="burgundy">
<ArrowRightIcon /> <span>{shortcut.text ? shortcut.text : shortcut.title}</span>
</Body>
<ArrowRightIcon color="burgundy" className={styles.arrowRight} />
</Link> </Link>
))} ))}
</section> </section>

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

@@ -4,6 +4,13 @@
} }
.links { .links {
display: grid;
background-color: var(--Scandic-Brand-Warm-White); background-color: var(--Scandic-Brand-Warm-White);
border-radius: var(--Corner-radius-xLarge); border-radius: var(--Corner-radius-Medium);
border: 1px solid var(--Base-Border-Subtle);
}
.arrowRight {
height: 24px;
width: 24px;
} }