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

Layout improvements

This commit is contained in:
Teemu Patja 2017-10-29 10:02:06 +02:00
parent 1b3254dd0b
commit 4a2fdd8e2e
No known key found for this signature in database
GPG Key ID: F5B7035E6580FD4C
4 changed files with 20 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/cljs/commiteth/activity.cljs
View File

@ -50,7 +50,7 @@
(defn activity-list [activity-items] (defn activity-list [activity-items]
[:div.ui.container [:div.ui.container.activity-container
(if (empty? activity-items) (if (empty? activity-items)
[:div.ui.text "No data"] [:div.ui.text "No data"]
(into [:div.ui.items] (into [:div.ui.items]

2
src/cljs/commiteth/bounties.cljs
View File

@ -34,7 +34,7 @@
[:div.time (moment-timestamp updated)]]]])) [:div.time (moment-timestamp updated)]]]]))
(defn bounties-list [open-bounties] (defn bounties-list [open-bounties]
[:div.ui.container [:div.ui.container.activity-container
(if (empty? open-bounties) (if (empty? open-bounties)
[:div.ui.text "No data"] [:div.ui.text "No data"]
(into [:div.ui.items] (into [:div.ui.items]

6
src/cljs/commiteth/core.cljs
View File

@ -80,7 +80,7 @@
[:manage-payouts "Manage Payouts"] [:manage-payouts "Manage Payouts"]
(when (:status-team-member? @user) (when (:status-team-member? @user)
[:usage-metrics "Usage metrics"])]))] [:usage-metrics "Usage metrics"])]))]
(into [:div.ui.attached.tabular.menu.tiny.commiteth-tabs] (into [:div.ui.attached.tabular.menu.tiny]
(for [[page caption] tabs] (for [[page caption] tabs]
(let [props {:class (str "ui item" (let [props {:class (str "ui item"
(when (= @current-page page) " active")) (when (= @current-page page) " active"))
@ -102,9 +102,9 @@
[:div.ui.twelve.wide.column.left.aligned [:div.ui.twelve.wide.column.left.aligned
[:div.logo-header "Status"] [:div.logo-header "Status"]
[:div.logo-subheader "Open Bounty"]]]] [:div.logo-subheader "Open Bounty"]]]]
[:div.eight.wide.column [:div.eight.wide.column.middle.aligned
[tabs]] [tabs]]
[:div.four.wide.column [:div.four.wide.column.middle.aligned
[user-component @user]] [user-component @user]]
(when @flash-message (when @flash-message
[flash-message-pane])]]))) [flash-message-pane])]])))

16
src/less/style.less
View File

@ -46,11 +46,9 @@
background-color: #57a7ed!important; background-color: #57a7ed!important;
border-radius: 0em; border-radius: 0em;
padding-top: 1.5em; padding-top: 1.5em;
padding-bottom: 2.5em;
} }
.commiteth-tabs {
padding-top: 1.8em;
}
.status-logo { .status-logo {
width: 42px; width: 42px;
@ -91,7 +89,7 @@
.top-hunters { .top-hunters {
background-color: #fff; background-color: #fff;
transform: translate(0, -30px); transform: translate(0, -45px);
border-radius: 10px; border-radius: 10px;
padding: 10px; padding: 10px;
.leader-ordinal { .leader-ordinal {
@ -198,7 +196,6 @@
color: #fff; color: #fff;
background-color: fade(#fff, 10%); background-color: fade(#fff, 10%);
cursor: default; cursor: default;
height: 80%;
} }
} }
@ -213,7 +210,7 @@
.enable-github-account { .enable-github-account {
border-radius: 10px; border-radius: 10px;
background-color: #fff; background-color: #fff;
transform: translateY(-30px); transform: translateY(-45px);
padding-top: 80px; padding-top: 80px;
padding-bottom: 80px; padding-bottom: 80px;
.center.aligned.segment { border: 0; } .center.aligned.segment { border: 0; }
@ -370,6 +367,13 @@
color: #474951!important; color: #474951!important;
} }
} }
.activity-container {
transform: translate(0, -45px);
border-radius: 10px;
}
.footer-row { .footer-row {
padding: 1em 0 0; padding: 1em 0 0;
.balance-badge { .balance-badge {