Use some style values so it looks like this page is making progress
This commit is contained in:
@@ -23,6 +23,14 @@
|
||||
grid-template-rows: 1fr var(--header-h);
|
||||
}
|
||||
|
||||
.pageContentSection {
|
||||
background-color: var(--theme-background-secondary);
|
||||
border-radius: var(--theme-rounded-corners);
|
||||
margin: 1vw;
|
||||
padding: 1vw;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.mobileChat {
|
||||
display: none;
|
||||
|
||||
@@ -54,13 +54,14 @@ export default function FooterComponent() {
|
||||
/>
|
||||
<div className={`${s.lowerRow}`}>
|
||||
<Tabs defaultActiveKey="1" type="card">
|
||||
<TabPane tab="About" key="1">
|
||||
<TabPane tab="About" key="1" className={`${s.pageContentSection}`}>
|
||||
<CustomPageContent content={extraPageContent} />
|
||||
</TabPane>
|
||||
<TabPane tab="Followers" key="2">
|
||||
<TabPane tab="Followers" key="2" className={`${s.pageContentSection}`}>
|
||||
<FollowerCollection total={total} followers={followers} />
|
||||
</TabPane>
|
||||
</Tabs>
|
||||
|
||||
{chatOpen && (
|
||||
<div className={`${s.mobileChat}`}>
|
||||
<ChatContainer messages={messages} state={chatState} />
|
||||
|
||||
Reference in New Issue
Block a user