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

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

View file

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

View file

@ -1134,10 +1134,23 @@ body {
max-width: 32rem;
}
// Temp hacks until 'section__actions--no-margin' is generic again.
.main__discover {
.section__actions--no-margin {
@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.
}
}
}
}