LBRYFoundation/lbry-desktop
1
0
Fork 0
mirror of https://github.com/LBRYFoundation/lbry-desktop.git synced 2025-08-23 17:47:24 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

align category-list with buttons

Browse source
This commit is contained in:
Sean Yesmunt 2018-03-27 21:59:35 -07:00
parent 7e62cb5b73
commit 3bb530411d
3 changed files with 6 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/renderer/page/discover/view.jsx
View file

@ -18,7 +18,7 @@ class DiscoverPage extends React.PureComponent<Props> {
const { featuredUris, fetchingFeaturedUris } = this.props; const { featuredUris, fetchingFeaturedUris } = this.props;
const hasContent = typeof featuredUris === 'object' && Object.keys(featuredUris).length; const hasContent = typeof featuredUris === 'object' && Object.keys(featuredUris).length;
const failedToLoad = !fetchingFeaturedUris && !hasContent; const failedToLoad = !fetchingFeaturedUris && !hasContent;
// lbry://fortnite-top-stream-moments-nickatnydte#27395875d68e9d3e53be46edf36d622aa8284441
return ( return (
<Page noPadding isLoading={!hasContent && fetchingFeaturedUris}> <Page noPadding isLoading={!hasContent && fetchingFeaturedUris}>
{hasContent && {hasContent &&

2
src/renderer/scss/component/_button.scss
View file

@ -114,7 +114,7 @@ button:disabled {
text-transform: uppercase; text-transform: uppercase;
} }
.btn:not(.btn--no-padding):not(.btn--link) { .btn:not(.btn--no-padding):not(.btn--link):not(.btn--no-style) {
.btn__content { .btn__content {
padding: 0 8px; padding: 0 8px;
display: flex; display: flex;

12
src/renderer/scss/component/_card.scss
View file

@ -282,7 +282,7 @@
} }
.card:last-of-type { .card:last-of-type {
margin-right: $spacing-vertical * 2/3; margin-right: $spacing-width;
} }
} }
@ -336,12 +336,8 @@
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
overflow: visible; overflow: visible;
// -- three cards on a screen // we should use $spacing-width - 1px here, not sure why it isn't working
// -- minus 12px for 1/3 of the page padding (36px) width: calc((100% / 3) - 35px);
// -- minus 20px for the card's margin
// Ideally we should be able to use $spacing-width / 3, but I'm not sure
// how inside the calc function
width: calc((100% / 3) - 12px - 20px);
} }
.card:not(:first-of-type) { .card:not(:first-of-type) {
@ -354,7 +350,7 @@
@media only screen and (min-width: $medium-breakpoint) { @media only screen and (min-width: $medium-breakpoint) {
.card { .card {
width: calc((100% / 4) - 12px - 20px); width: calc((100% / 4) - 31px);
} }
} }
} }