KevinMidboe/seasoned
1
0
Fork 0
Code Issues 12 Pull Requests 1 Packages Projects Releases 1 Wiki Activity

Prevent load-button to take space when not visible

Browse Source
This commit is contained in:
Kevin
2022-03-06 12:18:47 +01:00
parent b3266af6bc
commit 7e24829300
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/ResultsSection.vue
View File

@@ -14,8 +14,9 @@
<results-list v-bind="{ results, shortList }" /> <results-list v-bind="{ results, shortList }" />
<loader v-if="loading" /> <loader v-if="loading" />
<div class="load-button" ref="loadMoreButton"> <div ref="loadMoreButton" class="button-container">
<seasoned-button <seasoned-button
class="load-button"
v-if="!shortList && page != totalPages && results.length" v-if="!shortList && page != totalPages && results.length"
@click="loadMore" @click="loadMore"
:fullWidth="true" :fullWidth="true"
@@ -176,10 +177,14 @@ export default {
background-color: var(--background-color); background-color: var(--background-color);
} }
.load-button { .button-container {
display: flex;
justify-content: center;
display: flex; display: flex;
width: 100%; width: 100%;
justify-content: center; }
.load-button {
margin: 2rem 0; margin: 2rem 0;
@include mobile { @include mobile {