RageStudio/comty
1
0
Fork 0
mirror of https://github.com/ragestudio/comty.git synced 2025-06-10 19:14:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix style

Browse Source
This commit is contained in:
srgooglo 2022-09-08 20:35:24 +02:00
parent 6234cae12c
commit 54867d7eb1
4 changed files with 16 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/app/src/pages/account/index.jsx
View File

@ -90,6 +90,8 @@ export default class Account extends React.Component {
isNotExistent: false, isNotExistent: false,
} }
contentRef = React.createRef()
coverComponent = React.createRef() coverComponent = React.createRef()
api = window.app.api.withEndpoints("main") api = window.app.api.withEndpoints("main")
@ -201,8 +203,10 @@ export default class Account extends React.Component {
// if component scrolled foward set cover height to 0 // if component scrolled foward set cover height to 0
if (e.target.scrollTop > 0) { if (e.target.scrollTop > 0) {
this.coverComponent.current.style.height = "0px" this.coverComponent.current.style.height = "0px"
this.contentRef.current.style.height = "100vh"
} else { } else {
this.coverComponent.current.style.height = "" this.coverComponent.current.style.height = ""
this.contentRef.current.style.height = ""
} }
} }
@ -271,7 +275,7 @@ export default class Account extends React.Component {
</div> </div>
</div> </div>
<div className="contents" onScroll={this.handleScroll}> <div ref={this.contentRef} className="contents" onScroll={this.handleScroll}>
<div className="tabMenuWrapper"> <div className="tabMenuWrapper">
<antd.Menu <antd.Menu
className="tabMenu" className="tabMenu"

6
packages/app/src/pages/account/index.less
View File

@ -178,13 +178,15 @@
grid-row-gap: 0px; grid-row-gap: 0px;
width: 100%; width: 100%;
height: 100vh; height: 65vh;
overflow: hidden; overflow: hidden;
overflow-y: overlay; overflow-y: overlay;
margin-top: -1.5vh; margin-top: -1.5vh;
transition: all 0.3s ease-in-out;
.tabContent { .tabContent {
position: sticky; position: sticky;
border-radius: @borderRadius; border-radius: @borderRadius;

6
packages/app/src/pages/home/index.jsx
View File

@ -103,10 +103,8 @@ export default class Dashboard extends React.Component {
</div> </div>
<div className="card" id="trendings"> <div className="card" id="trendings">
<div> <h2><Icons.TrendingUp /> Trendings</h2>
<h2><Icons.TrendingUp /> Trendings</h2> <HashtagTrendings />
<HashtagTrendings />
</div>
</div> </div>
</div> </div>
</div> </div>

5
packages/app/src/pages/home/index.less
View File

@ -8,6 +8,11 @@
width: 100%; width: 100%;
.panel { .panel {
position: sticky;
top: 0;
height: fit-content;
display: flex; display: flex;
flex-direction: column; flex-direction: column;