border radius buttons

This commit is contained in:
ntr
2019-09-13 13:23:06 +10:00
parent ae5f51f9c8
commit 1fc23f424f
5 changed files with 14 additions and 13 deletions
+1 -1
View File
@@ -120,7 +120,7 @@ class AccountStatus extends Component {
// resub button
if (subscription.cancel_at_period_end) {
return <button class='stripe-btn' onClick={() => sendSubscriptionEnding(false)}>Resubscribe</button>
return <button class='yellow-btn' onClick={() => sendSubscriptionEnding(false)}>Resubscribe</button>
}
const classes = `unsub ${unsubState ? 'confirming' : ''}`;
+3 -3
View File
@@ -76,13 +76,13 @@ function Play(args) {
const subscription = account.subscribed
? <button
class="stripe-btn"
class="yellow-btn"
disabled>
Subscribed
</button>
: <button
onClick={() => setNav('shop')}
class="stripe-btn"
class="yellow-btn"
role="link">
Subscribe
</button>;
@@ -109,7 +109,7 @@ function Play(args) {
{subscription}
<button
onClick={() => setNav('shop')}
class="stripe-btn"
class="yellow-btn"
role="link">
Get Credits
</button>
+6 -6
View File
@@ -45,13 +45,13 @@ function BitsBtn(args) {
const subscription = account.subscribed
? <button
class="stripe-btn"
class="yellow-btn"
disabled>
Subscribed
</button>
: <button
onClick={subscribeClick}
class="stripe-btn"
class="yellow-btn"
role="link">
Subscribe
</button>;
@@ -64,19 +64,19 @@ function BitsBtn(args) {
<div class='list'>
<figure onClick={() => bitsClick(5)} >
<figcaption>$5 AUD</figcaption>
<button class="stripe-btn">¤50</button>
<button class="yellow-btn">¤50</button>
</figure>
<figure onClick={() => bitsClick(10)} >
<figcaption>$10 AUD</figcaption>
<button class="stripe-btn">¤110</button>
<button class="yellow-btn">¤110</button>
</figure>
<figure onClick={() => bitsClick(20)} >
<figcaption>$20 AUD</figcaption>
<button class="stripe-btn">¤250</button>
<button class="yellow-btn">¤250</button>
</figure>
<figure onClick={() => bitsClick(50)} >
<figcaption>$50 AUD</figcaption>
<button class="stripe-btn">¤660</button>
<button class="yellow-btn">¤660</button>
</figure>
<div id="error-message"></div>
</div>