LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

Following Page: make the 2 buttons flow with less space used

Browse source
This commit is contained in:
infinite-persistence 2022-03-02 10:17:28 +08:00 committed by Thomas Zarebczan
parent 19dc09b262
commit 83a816bf34
2 changed files with 15 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
ui/page/channelsFollowing/view.jsx
View file

@ -43,7 +43,7 @@ function ChannelsFollowingPage(props: Props) {
return !hasSubscribedChannels ? ( return !hasSubscribedChannels ? (
<ChannelsFollowingDiscoverPage /> <ChannelsFollowingDiscoverPage />
) : ( ) : (
<Page noFooter fullWidthPage={tileLayout}> <Page noFooter fullWidthPage={tileLayout} className="main__channelsFollowing">
{!fetchingActiveLivestreams && ( {!fetchingActiveLivestreams && (
<> <>
{!hideScheduledLivestreams && ( {!hideScheduledLivestreams && (

15
ui/scss/component/_main.scss
View file

@ -1134,10 +1134,23 @@ body {
max-width: 32rem; max-width: 32rem;
} }
// Temp hacks until 'section__actions--no-margin' is generic again.
.main__discover { .main__discover {
.section__actions--no-margin { .section__actions--no-margin {
@media (max-width: $breakpoint-small) { @media (max-width: $breakpoint-small) {
width: unset; // It was being set to '100%' globally. Not sure why. width: unset; // It was being set to '100%' at the base level.
}
}
}
// Temp hacks until 'section__actions--no-margin' is generic again.
.main__channelsFollowing {
.section__actions--no-margin {
@media (max-width: $breakpoint-small) {
text-align: left; // It was forced to 'right' at the base level.
.button--secondary {
width: unset; // It was being set to '100%' at the base level.
}
} }
} }
} }