1
0
mirror of https://github.com/phuoc-ng/csslayout.git synced 2025-10-26 19:21:30 +01:00

Fix details layout

This commit is contained in:
Phuoc Nguyen
2021-09-27 22:12:27 +07:00
parent 3ca97206ce
commit 6403dfdf36
115 changed files with 767 additions and 797 deletions

View File

@@ -4,11 +4,11 @@
*/
import * as React from 'react';
import { Helmet } from 'react-helmet';
import Head from 'next/head';
import RelatedPatterns from '../../components/RelatedPatterns';
import Pattern from '../../constants/Pattern';
import DetailsLayout from '../../layouts/DetailsLayout';
import { RelatedPatterns } from '../../components/RelatedPatterns';
import { Pattern } from '../../constants/Pattern';
import { DetailsLayout } from '../../layouts/DetailsLayout';
import BrowserFrame from '../../placeholders/BrowserFrame';
import Rectangle from '../../placeholders/Rectangle';
@@ -64,12 +64,12 @@ const Details: React.FC<{}> = () => {
return (
<DetailsLayout pattern={Pattern.CustomCheckboxButton}>
<Helmet>
<Head>
<meta name="description" content="Create a custom checkbox button with CSS flexbox" />
<meta name="og:description" content="Create a custom checkbox button with CSS flexbox" />
<meta name="twitter:description" content="Create a custom checkbox button with CSS flexbox" />
<meta name="keywords" content="css checkbox, css flexbox" />
</Helmet>
</Head>
<div className='p-8 pb-20'>
<BrowserFrame
html={`