Refactor layout and button styles

* Add single-column layout for forms
* Add optional nav/buttons to section headers
This commit is contained in:
2019-05-23 12:18:02 +02:00
parent 8bd4c6e6e1
commit c30c6c2b36
6 changed files with 74 additions and 23 deletions
+11 -8
View File
@@ -1,10 +1,13 @@
<section id="add-contribution">
<header>
<h2>Submit a contribution</h2>
</header>
<main class="center-column">
<div class="content">
{{add-contribution contributors=sortedContributors save=(action "save")}}
</div>
</section>
<section id="add-contribution">
<header>
<h2>Submit a contribution</h2>
</header>
<div class="content">
{{add-contribution contributors=sortedContributors save=(action "save")}}
</div>
</section>
</main>
+6 -8
View File
@@ -33,8 +33,13 @@
<div id="contributions">
{{#if contributionsUnconfirmed}}
<section id="contributions-unconfirmed">
<header>
<header class="with-nav">
<h2>Latest Contributions</h2>
{{#if kredits.hasAccounts}}
<nav>
{{link-to "add" "contributions.new" title="Submit a contribution" class="button small green"}}
</nav>
{{/if}}
</header>
<div class="content">
{{!-- TODO: We need a better naming for kredits.hasAccounts --}}
@@ -53,13 +58,6 @@
{{contribution-list contributions=contributionsConfirmedSorted
vetoContribution=(action "vetoContribution")}}
</div>
{{!-- TODO: We need a better naming --}}
{{#if kredits.hasAccounts}}
<p class="actions">
{{#link-to "proposals.new"}}Create new proposal{{/link-to}}
</p>
{{/if}}
</section>
</div>