|
@@ -10,7 +10,7 @@ import {
|
|
ViewErrorFallback,
|
|
ViewErrorFallback,
|
|
} from '@/components'
|
|
} from '@/components'
|
|
import { usePersonalDataStore } from '@/providers'
|
|
import { usePersonalDataStore } from '@/providers'
|
|
-import { transitions } from '@/shared/theme'
|
|
|
|
|
|
+import { sizes, transitions } from '@/shared/theme'
|
|
import { SentryLogger } from '@/utils/logs'
|
|
import { SentryLogger } from '@/utils/logs'
|
|
|
|
|
|
export const HomeView: React.FC = () => {
|
|
export const HomeView: React.FC = () => {
|
|
@@ -42,6 +42,7 @@ export const HomeView: React.FC = () => {
|
|
<StyledInfiniteVideoGrid title="Followed channels" channelIdIn={channelIdIn} ready={!loading} onDemand />
|
|
<StyledInfiniteVideoGrid title="Followed channels" channelIdIn={channelIdIn} ready={!loading} onDemand />
|
|
) : null}
|
|
) : null}
|
|
<OfficialJoystreamUpdate />
|
|
<OfficialJoystreamUpdate />
|
|
|
|
+ <StyledInfiniteVideoGrid title="All content" onDemand />
|
|
</Container>
|
|
</Container>
|
|
</LimitedWidthContainer>
|
|
</LimitedWidthContainer>
|
|
)
|
|
)
|
|
@@ -58,4 +59,8 @@ const Container = styled.div`
|
|
const StyledInfiniteVideoGrid = styled(InfiniteVideoGrid)`
|
|
const StyledInfiniteVideoGrid = styled(InfiniteVideoGrid)`
|
|
margin: 0;
|
|
margin: 0;
|
|
padding-bottom: 4rem;
|
|
padding-bottom: 4rem;
|
|
|
|
+
|
|
|
|
+ :not(:first-of-type) {
|
|
|
|
+ margin-top: ${sizes(36)};
|
|
|
|
+ }
|
|
`
|
|
`
|