jason/DigitalConsumer.ISS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fixing awkward top spacing

Browse source
This commit is contained in:
Michaela Brydon 2024-02-28 13:45:30 -05:00
parent 2be534b11e
commit e3f516ae7f
2 changed files with 3 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/iss-components/cart-dropdown/cart-dropdown.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<div> <div :class="[isExpanded ? 'pb-3' : 'pb-4']">
<div <div
id="cart-dropdown-head" id="cart-dropdown-head"
class="row cart-toggle flex align-items-center pt-4" class="row cart-toggle flex align-items-center pt-4"
@ -16,7 +16,7 @@
<div <div
id="cart-table" id="cart-table"
class="cart-table px-4"> class="cart-table px-4">
<p>Cart Table Placeholder</p> <span>Cart Table Placeholder</span>
</div> </div>
</div> </div>
</template> </template>
@ -93,15 +93,10 @@ export default {
} }
.cart-toggle { .cart-toggle {
margin-bottom: 1rem;
.amount-due { .amount-due {
color: $green; color: $green;
} }
&.expanded {
margin-bottom: 0;
}
&:after { &:after {
content: ""; content: "";
transition: all 0.5s ease; transition: all 0.5s ease;

8
src/layouts/payment-method/review-dropdown/review-dropdown.vue
View file

@ -1,5 +1,5 @@
<template> <template>
<div> <div :class="[isExpanded ? 'pb-3' : 'pb-4']">
<div <div
class="row review-toggle flex align-items-center pt-4" class="row review-toggle flex align-items-center pt-4"
:class="[isExpanded ? 'expanded' : '']" :class="[isExpanded ? 'expanded' : '']"
@ -134,12 +134,6 @@ export default {
} }
.review-toggle { .review-toggle {
margin-bottom: 1rem;
&.expanded {
margin-bottom: 0;
}
&:after { &:after {
content: ""; content: "";
transition: all 0.5s ease; transition: all 0.5s ease;