Fix Photos grid bottom elements
This commit is contained in:
@@ -67,6 +67,15 @@
|
||||
filtered = false
|
||||
filterCountry = defaultCountry
|
||||
filterSort = defaultSort
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* Load more photos from CTA
|
||||
*/
|
||||
const loadMorePhotos = () => {
|
||||
console.log('load more photos')
|
||||
// TODO: Append more photos from API including options and page
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -158,9 +167,10 @@
|
||||
|
||||
<div class="controls grid">
|
||||
<p class="controls__date">Last updated: 4 days ago</p>
|
||||
<Button url="#" text="See more photos" />
|
||||
<Button text="See more photos" tag="button" on:click={loadMorePhotos} />
|
||||
<div class="controls__count">
|
||||
<span class="current">21/</span>
|
||||
<span class="current">21</span>
|
||||
<span>/</span>
|
||||
<span class="total">129</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user