status-im/open-bounty
2
0
Fork 0
mirror of https://github.com/status-im/open-bounty.git synced 2025-02-20 13:18:22 +00:00
Code Issues Projects Releases Wiki Activity

add shadow to buttons

Browse Source
This commit is contained in:
Martin Klepsch 2018-04-23 16:48:05 +02:00 committed by Tetiana Churikova
parent 5c32a5f92b
commit 520efdad58
2 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/cljs/commiteth/manage_payouts.cljs
View File

@ -12,6 +12,9 @@
repo :repo_name}] repo :repo_name}]
(str "https://github.com/" owner "/" repo "/pull/" pr-number)) (str "https://github.com/" owner "/" repo "/pull/" pr-number))
(def primary-button-button :button.f7.ttu.tracked.outline-0.bg-sob-blue.white.pv3.ph4.pg-med.br3.bn.pointer.shadow-7)
(def primary-button-link :a.dib.tc.f7.ttu.tracked.bg-sob-blue.white.pv2.ph3.pg-med.br2.pointer.hover-white.shadow-7)
(defn balance-badge (defn balance-badge
[tla balance] [tla balance]
{:pre [(keyword? tla)]} {:pre [(keyword? tla)]}
@ -68,7 +71,7 @@
(let [paid? (bnt/paid? claim) (let [paid? (bnt/paid? claim)
merged? (bnt/merged? claim)] merged? (bnt/merged? claim)]
(when (and merged? (not paid?)) (when (and merged? (not paid?))
[:button.f7.ttu.tracked.outline-0.bg-sob-blue.white.pv3.ph4.pg-med.br3.bn.pointer [primary-button-button
(merge {:on-click #(rf/dispatch [:confirm-payout claim])} (merge {:on-click #(rf/dispatch [:confirm-payout claim])}
(if (and merged? (not paid?) (:payout_address bounty)) (if (and merged? (not paid?) (:payout_address bounty))
{} {}
@ -99,7 +102,7 @@
[confirm-button bounty claim]]]]])) [confirm-button bounty claim]]]]]))
(defn view-pr-button [claim] (defn view-pr-button [claim]
[:a.dib.tc.f7.ttu.tracked.bg-sob-blue.white.pv2.ph3.pg-med.br2.pointer.hover-white [primary-button-link
{:href (pr-url claim)} {:href (pr-url claim)}
"View Pull Request"]) "View Pull Request"])

2
src/less/tachyons-utils.css
View File

@ -1,6 +1,8 @@
.pg-book {font-family: "PostGrotesk-Book", sans-serif} .pg-book {font-family: "PostGrotesk-Book", sans-serif}
.pg-med {font-family: "PostGrotesk-Medium", sans-serif} .pg-med {font-family: "PostGrotesk-Medium", sans-serif}
.shadow-7 {box-shadow: 0 2px 4px 0 rgba(22, 51, 81, 0.14)}
.shadow-6 {box-shadow: 0 5px 16px 0 rgba(230, 235, 238, 0.68)} .shadow-6 {box-shadow: 0 5px 16px 0 rgba(230, 235, 238, 0.68)}
/* Color classes are generated using https://tachyons-tldr.now.sh/#/tools */ /* Color classes are generated using https://tachyons-tldr.now.sh/#/tools */