Fixing awkward top spacing

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

View file

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

View file

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