hensei-web/components/common/DialogFooter/index.module.scss
Justin Edmund a4e4328329
Add support for including/excluding items from team filtering (#363)
This PR adds support for including/excluding specific items from team
filtering. Users can use the filter modal to only show teams that
include specific items, only show teams that _don't_ include specific
items, or combine the two to create a very powerful filter.
2023-08-21 20:01:11 -07:00

27 lines
550 B
SCSS

.footer {
$multiplier: 4;
align-items: flex-end;
background: var(--dialog-bg);
bottom: -1px; // hack to fix content being visible 1px below
display: flex;
flex-direction: row;
justify-content: space-between;
padding: ($unit * 1.5) ($unit * $multiplier) $unit-3x;
position: sticky;
transition: box-shadow 0.1s ease-out, border-top 0.1s ease-out;
z-index: 10;
.left,
.right {
display: flex;
gap: $unit;
}
@include breakpoint(phone) {
position: fixed;
bottom: $unit-14x;
left: 0;
right: 0;
}
}