From e3a33b9d1f77139e0a6eb061a384b507c97a51ee Mon Sep 17 00:00:00 2001 From: Shawn Erquhart Date: Thu, 7 Dec 2017 11:22:44 -0500 Subject: [PATCH] style github and test-repo auth pages --- src/backends/github/AuthenticationPage.css | 21 +++++++++++++++++-- src/backends/github/AuthenticationPage.js | 1 + src/backends/test-repo/AuthenticationPage.js | 12 +++++------ src/components/UI/Icon/images/_index.js | 2 ++ .../UI/Icon/images/netlify-cms-logo.svg | 11 ++++++++++ 5 files changed, 39 insertions(+), 8 deletions(-) create mode 100644 src/components/UI/Icon/images/netlify-cms-logo.svg diff --git a/src/backends/github/AuthenticationPage.css b/src/backends/github/AuthenticationPage.css index 1465a12e4bcf..124099ae52b2 100644 --- a/src/backends/github/AuthenticationPage.css +++ b/src/backends/github/AuthenticationPage.css @@ -6,7 +6,24 @@ height: 100vh; } +.nc-githubAuthenticationPage-logo { + color: #c4c6d2; + margin-top: -300px; +} + .nc-githubAuthenticationPage-button { - padding: .25em 1em; - height: auto; + @apply(--button); + @apply(--dropShadowDeep); + @apply(--buttonDefault); + @apply(--buttonGray); + + padding: 0 30px; + margin-top: -80px; + display: flex; + align-items: center; + position: relative; + + & .nc-icon { + margin-right: 18px; + } } diff --git a/src/backends/github/AuthenticationPage.js b/src/backends/github/AuthenticationPage.js index 3307ca45f186..319309d04613 100644 --- a/src/backends/github/AuthenticationPage.js +++ b/src/backends/github/AuthenticationPage.js @@ -35,6 +35,7 @@ export default class AuthenticationPage extends React.Component { return (
+ {loginError &&

{loginError}

} - -
); + + ); } } diff --git a/src/components/UI/Icon/images/_index.js b/src/components/UI/Icon/images/_index.js index 75af965c5c42..818656a41d6b 100644 --- a/src/components/UI/Icon/images/_index.js +++ b/src/components/UI/Icon/images/_index.js @@ -26,6 +26,7 @@ import iconMarkdown from './markdown.svg'; import iconMedia from './media.svg'; import iconMediaAlt from './media-alt.svg'; import iconNetlify from './netlify.svg'; +import iconNetlifyCms from './netlify-cms-logo.svg'; import iconPage from './page.svg'; import iconPages from './pages.svg'; import iconPagesAlt from './pages-alt.svg'; @@ -66,6 +67,7 @@ const images = { 'media': iconMedia, 'media-alt': iconMediaAlt, 'netlify': iconNetlify, + 'netlify-cms': iconNetlifyCms, 'page': iconPage, 'pages': iconPages, 'pages-alt': iconPagesAlt, diff --git a/src/components/UI/Icon/images/netlify-cms-logo.svg b/src/components/UI/Icon/images/netlify-cms-logo.svg new file mode 100644 index 000000000000..4e8230d8e461 --- /dev/null +++ b/src/components/UI/Icon/images/netlify-cms-logo.svg @@ -0,0 +1,11 @@ + + + + +