import * as React from 'react'; import Head from 'next/head'; import { Heading, Spacer } from '@1milligram/design'; import { RelatedPatterns } from '../../components/RelatedPatterns'; import { Pattern } from '../../constants/Pattern'; import { PatternLayout } from '../../layouts/PatternLayout'; import BrowserFrame from '../../placeholders/BrowserFrame'; import Rectangle from '../../placeholders/Rectangle'; const Details: React.FC<{}> = () => { return (
...
... `} css={` .container { position: relative; } .container__docker { position: absolute; right: 0; top: 0; transform: translate(50%, -50%); /* Center the content */ align-items: center; display: flex; justify-content: center; } `} >
Use cases
Inbox
5
Modal
×
); }; export default Details;