mirror_css/csslayout
1
0
Fork 0
mirror of https://github.com/phuoc-ng/csslayout.git synced 2025-08-06 14:16:50 +02:00
Code Issues Releases Wiki Activity

Tweak explore page

Browse Source
This commit is contained in:
Phuoc Nguyen
2019-12-25 17:30:03 +07:00
parent f2e59f3ab8
commit 15397d858c
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
client/components/CoverCard.tsx
View File

@@ -20,7 +20,7 @@ const CoverCard: React.FC<CoverCardProps> = ({ pattern }) => {
justifyContent: 'flex-start',
padding: '16px',
textDecoration: 'none',
width: '150px',
width: '16.666666666666668%',
}}
>
<CoverLoader pattern={pattern} />

10
client/pages/ExplorePage.tsx
View File

@@ -81,7 +81,7 @@ const ExplorePage = () => {
<section>
<Heading title="Layout" />
<div style={{ display: 'flex', flexWrap: 'wrap', justifyContent: 'center', padding: '32px' }}>
<div style={{ display: 'flex', flexWrap: 'wrap', padding: '32px' }}>
<CoverCard pattern={Pattern.HolyGrail} />
<CoverCard pattern={Pattern.SameHeightColumns} />
<CoverCard pattern={Pattern.Sidebar} />
@@ -96,7 +96,7 @@ const ExplorePage = () => {
<section>
<Heading title="Navigation" />
<div style={{ display: 'flex', flexWrap: 'wrap', justifyContent: 'center', padding: '32px' }}>
<div style={{ display: 'flex', flexWrap: 'wrap', padding: '32px' }}>
<CoverCard pattern={Pattern.Breadcrumb} />
<CoverCard pattern={Pattern.CircularNavigation} />
<CoverCard pattern={Pattern.DotNavigation} />
@@ -115,7 +115,7 @@ const ExplorePage = () => {
<section>
<Heading title="Input" />
<div style={{ display: 'flex', flexWrap: 'wrap', justifyContent: 'center', padding: '32px' }}>
<div style={{ display: 'flex', flexWrap: 'wrap', padding: '32px' }}>
<CoverCard pattern={Pattern.ButtonWithIcon} />
<CoverCard pattern={Pattern.Chip} />
<CoverCard pattern={Pattern.CustomCheckboxButton} />
@@ -138,7 +138,7 @@ const ExplorePage = () => {
<section>
<Heading title="Display" />
<div style={{ display: 'flex', flexWrap: 'wrap', justifyContent: 'center', padding: '32px' }}>
<div style={{ display: 'flex', flexWrap: 'wrap', padding: '32px' }}>
<CoverCard pattern={Pattern.Accordion} />
<CoverCard pattern={Pattern.Avatar} />
<CoverCard pattern={Pattern.AvatarList} />
@@ -174,7 +174,7 @@ const ExplorePage = () => {
<section>
<Heading title="Feedback" />
<div style={{ display: 'flex', flexWrap: 'wrap', justifyContent: 'center', padding: '32px' }}>
<div style={{ display: 'flex', flexWrap: 'wrap', padding: '32px' }}>
<CoverCard pattern={Pattern.Modal} />
<CoverCard pattern={Pattern.Notification} />
<CoverCard pattern={Pattern.PopoverArrow} />