Use links instead of buttons and fix up styles

This commit is contained in:
Matt-Yorkley
2020-05-21 23:53:15 +02:00
parent b74b9fbd1d
commit 2f2ef28351
3 changed files with 8 additions and 4 deletions

View File

@@ -54,9 +54,13 @@
transition: margin $transition-sidebar;
padding: 1em;
button {
button, a.button {
width: 48%;
}
a.button {
line-height: 2.75em;
}
}
@include breakpoint(tablet) {

View File

@@ -124,7 +124,7 @@ button.success, .button.success {
}
}
button.large {
button.large, a.button.large {
height: 3em;
font-size: 1em;
color: $white;

View File

@@ -33,7 +33,7 @@
\:
{{ Cart.total() | localizeCurrency }}
%button.large.dark.left{href: main_app.cart_path, "ng-disabled" => "Cart.dirty || Cart.empty()", "ng-class" => "{ dirty: Cart.dirty }"}
%a.button.large.dark.left{href: main_app.cart_path, "ng-disabled" => "Cart.dirty || Cart.empty()", "ng-class" => "{ dirty: Cart.dirty }"}
= "{{ Cart.dirty ? '#{t(:cart_updating)}' : (Cart.empty() ? '#{t(:cart_empty)}' : '#{t('.edit_cart')}' ) }}"
%button.large.bright.right{href: main_app.checkout_path, "ng-disabled" => "Cart.dirty || Cart.empty()"}
%a.button.large.bright.right{href: main_app.checkout_path, "ng-disabled" => "Cart.dirty || Cart.empty()"}
= t '.checkout'