From 63cafd75c0e3e85aff3b04c83a78c7e04cba2c8b Mon Sep 17 00:00:00 2001 From: Phuoc Nguyen Date: Wed, 27 Nov 2019 09:16:02 +0700 Subject: [PATCH 1/2] Add dot leader --- client/App.tsx | 1 + client/Explore.tsx | 1 + client/Home.tsx | 5 +- client/constants/Pattern.ts | 1 + client/index.css | 1 + client/index.html | 2 +- client/layouts/Footer.tsx | 6 +- client/layouts/Layout.tsx | 10 +- client/patterns/dot-leader/Cover.tsx | 63 +++++++ client/patterns/dot-leader/Details.tsx | 163 +++++++++++++++++++ client/patterns/menu/Details.tsx | 2 +- client/patterns/property-list/Details.tsx | 2 +- client/patterns/split-navigation/Details.tsx | 3 + 13 files changed, 248 insertions(+), 12 deletions(-) create mode 100644 client/patterns/dot-leader/Cover.tsx create mode 100644 client/patterns/dot-leader/Details.tsx diff --git a/client/App.tsx b/client/App.tsx index b145361..babdba6 100644 --- a/client/App.tsx +++ b/client/App.tsx @@ -20,6 +20,7 @@ const App = () => { + diff --git a/client/Explore.tsx b/client/Explore.tsx index 3839339..4b0e654 100644 --- a/client/Explore.tsx +++ b/client/Explore.tsx @@ -88,6 +88,7 @@ const Home = () => { + diff --git a/client/Home.tsx b/client/Home.tsx index 042a2b1..e5479b3 100644 --- a/client/Home.tsx +++ b/client/Home.tsx @@ -17,8 +17,8 @@ const Home = () => { style={{ border: '1px solid rgba(0, 0, 0, 0.2)', borderBottomColor: 'transparent', - borderTopLeftRadius: '16px', - borderTopRightRadius: '16px', + borderTopLeftRadius: '8px', + borderTopRightRadius: '8px', marginTop: '64px', }} > @@ -180,6 +180,7 @@ const Home = () => { + diff --git a/client/constants/Pattern.ts b/client/constants/Pattern.ts index 7bec69e..f78e91b 100644 --- a/client/constants/Pattern.ts +++ b/client/constants/Pattern.ts @@ -5,6 +5,7 @@ enum Pattern { Card = 'Card', Centering = 'Centering', DockedAtCorner = 'Docked at corner', + DotLeader = 'Dot leader', DotNavigation = 'Dot navigation', FeatureList = 'Feature list', FixedAtCorner = 'Fixed at corner', diff --git a/client/index.css b/client/index.css index 88b06da..5dc3814 100644 --- a/client/index.css +++ b/client/index.css @@ -1,4 +1,5 @@ body { + font-family: -apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif; -webkit-font-smoothing: antialiased; } .hljs, code { diff --git a/client/index.html b/client/index.html index 250c93b..d363e8a 100644 --- a/client/index.html +++ b/client/index.html @@ -5,7 +5,7 @@ - +