refactor(Trilemma): use Chakra token for border radius

TylerAPfledderer · wackerow · web-flow · commit c891be771ecd · 2024-03-25T19:49:44.000-04:00
update `borderTopRadius` value on `DrawerContent` usage

Co-authored-by: Paul Wackerow &lt;54227730+wackerow@users.noreply.github.com&gt;
diff --git a/src/components/Trilemma/index.tsx b/src/components/Trilemma/index.tsx
@@ -70,7 +70,7 @@ const Trilemma = () => {
           placement="bottom"
         >
           <DrawerOverlay background="rgba(0,0,0,0.3)" />
-          <DrawerContent borderTopRadius="1rem" background="background.base">
+          <DrawerContent borderTopRadius="2xl" background="background.base">
             <Card {...cardDetail} background="none" border="none" my="8" />
             <DrawerCloseButton top="6" insetInlineEnd="6" />
           </DrawerContent>

Original file line number	Diff line number	Diff line change
`@@ -70,7 +70,7 @@ const Trilemma = () => {`
`70`	`70`	`placement="bottom"`
`71`	`71`	`>`
`72`	`72`	`<DrawerOverlay background="rgba(0,0,0,0.3)" />`
`73`		`- <DrawerContent borderTopRadius="1rem" background="background.base">`
	`73`	`+ <DrawerContent borderTopRadius="2xl" background="background.base">`
`74`	`74`	`<Card {...cardDetail} background="none" border="none" my="8" />`
`75`	`75`	`<DrawerCloseButton top="6" insetInlineEnd="6" />`
`76`	`76`	`</DrawerContent>`