Profile tweaks
This commit is contained in:
parent
8b7ad119b0
commit
560d827f87
@ -47,6 +47,12 @@ code {
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.btn.active {
|
||||||
|
border: 2px solid;
|
||||||
|
background-color: #222;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
.btn:hover {
|
.btn:hover {
|
||||||
background-color: #333;
|
background-color: #333;
|
||||||
}
|
}
|
||||||
@ -142,3 +148,17 @@ div.form-group > div:first-child {
|
|||||||
.ReactModal__Body--open {
|
.ReactModal__Body--open {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.mr10 {
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tabs {
|
||||||
|
display: flex;
|
||||||
|
margin: 10px 0;
|
||||||
|
overflow-x: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tabs > div {
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
@ -10,7 +10,7 @@
|
|||||||
.profile .avatar {
|
.profile .avatar {
|
||||||
width: 256px;
|
width: 256px;
|
||||||
height: 256px;
|
height: 256px;
|
||||||
background-size: contain;
|
background-size: cover;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
}
|
}
|
||||||
|
@ -167,8 +167,13 @@ export default function ProfilePage() {
|
|||||||
{isMe ? editor() : details()}
|
{isMe ? editor() : details()}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<br />
|
<div className="tabs">
|
||||||
<div className="btn">Notes</div>
|
<div className="btn active">Notes</div>
|
||||||
|
<div className="btn">Reactions</div>
|
||||||
|
<div className="btn">Followers</div>
|
||||||
|
<div className="btn">Follows</div>
|
||||||
|
<div className="btn">Relays</div>
|
||||||
|
</div>
|
||||||
{notes?.sort((a, b) => b.created_at - a.created_at).map(a => <Note key={a.id} data={a} />)}
|
{notes?.sort((a, b) => b.created_at - a.created_at).map(a => <Note key={a.id} data={a} />)}
|
||||||
</>
|
</>
|
||||||
)
|
)
|
||||||
|
Loading…
Reference in New Issue
Block a user