status-im
/
open-bounty
mirror of https://github.com/status-im/open-bounty.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Enable github account UX

This commit is contained in:
Teemu Patja 2017-10-27 22:58:02 +03:00
parent 790cbea367
commit 3a0293c056
No known key found for this signature in database
GPG Key ID: F5B7035E6580FD4C
2 changed files with 48 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/cljs/commiteth/repos.cljs
View File

@ -90,11 +90,14 @@
(fn []
(println "gh-admin-token" @gh-admin-token)
(if (empty? @gh-admin-token)
[:div.ui.container
[:div.ui.warning.message
[:i.warning.icon]
"To set bounties for your repositories or for organizations' repositories where you have access, you need to grant Commit ETH the required permissions"]
[:a.ui.button.small {:href js/authorizeUrlAdmin} "Enable"]]
[:div.ui.container.enable-github-account
[:div.ui.center.aligned.segment.enable-github-account-title
"Work on bounties that suit you"]
[:div.ui.center.aligned.segment.enable-github-account-description
[:p
"Not all projects are created equally. Choose the bounties that excite you, match your skill set or fit in with your schedule. No strings attached. Enable your GitHub repositories to get started."]]
[:div.ui.center.aligned.segment
[:a.ui.button.small {:href js/authorizeUrlAdmin} "ENABLE GITHUB ACCOUNT"]]]
(do
(rf/dispatch [:load-user-repos])
[repos-page-token-ok])))))

40
src/less/style.less
View File

@ -210,6 +210,46 @@
margin-bottom: 1.5em;
}
.enable-github-account {
border-radius: 10px;
background-color: #fff;
transform: translateY(-30px);
padding-top: 80px;
padding-bottom: 80px;
.center.aligned.segment { border: 0; }
.button {
font-size: 13px;
font-weight: 500;
line-height: 1.15;
letter-spacing: 1px;
}
}
.enable-github-account-title {
color: #42505c;
font-family: 'postgrotesk-medium';
font-size: 25px;
font-weight: 500;
line-height: 1.36;
margin-bottom: 0!important;
padding-bottom: 0!important;
}
.enable-github-account-description {
p {
color: #8d99a4;
margin-left: 180px;
margin-right: 180px;
line-height: 1.39;
font-family: 'postgrotesk';
font-size: 18px;
text-align: center;
}
}
.repo-label {
color: #42505c;
font-family: 'postgrotesk-medium';