scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2025-03-23 19:30:34 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions2

load more button is fill width

Browse source
This commit is contained in:
Eric Rosenbaum 2021-05-24 17:12:20 -04:00
parent b1b0d6b259
commit a194b48566
2 changed files with 8 additions and 7 deletions

6
src/views/studio/modals/user-projects-modal.jsx
View file

@ -85,7 +85,8 @@ const UserProjectsModal = ({
onRemove={onRemove}
/>
))}
{moreToLoad &&
</div>
{moreToLoad &&
<div className="studio-projects-load-more">
<button
className={classNames('button', {
@ -96,8 +97,7 @@ const UserProjectsModal = ({
<FormattedMessage id="general.loadMore" />
</button>
</div>
}
</div>
}
</ModalInnerContent>
</Modal>
);

9
src/views/studio/modals/user-projects-modal.scss
View file

@ -31,6 +31,10 @@
& { max-height: calc(100vh - 105px); }
}
}
.studio-projects-load-more {
display: contents;
}
}
.studio-tile-added {
@ -70,6 +74,7 @@
.user-projects-modal-grid {
margin-top: 12px;
margin-bottom: 8px;
display: grid;
grid-template-columns: repeat(3, minmax(0,1fr));
@ -82,10 +87,6 @@
column-gap: 14px;
row-gap: 14px;
.studio-projects-load-more {
grid-column: 1 / -1;
}
.studio-project-bottom {
padding: 8px 10px 8px 10px;
}