/** * A collection of popular layouts and patterns made with CSS (https://csslayout.io) * (c) 2019 - 2021 Nguyen Huu Phuoc */ import * as React from 'react'; import { Helmet } from 'react-helmet'; import RelatedPatterns from '../../components/RelatedPatterns'; import Pattern from '../../constants/Pattern'; import DetailsLayout from '../../layouts/DetailsLayout'; import BrowserFrame from '../../placeholders/BrowserFrame'; import Circle from '../../placeholders/Circle'; const Details: React.FC<{}> = () => { return (
...
`} css={` .container { position: relative; } .container__indicator { /* Shown at the bottom right corner */ bottom: 0, position: absolute; right: 0; transform: translate(50%, 50%); /* Rounded border */ border-radius: 9999px; height: 16px; width: 16px; /* Background color */ background-color: #FF4136; } `} >
); }; export default Details;