External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix square shape of board avatars

Browse Source
This commit is contained in:
Tom
2023-04-30 14:54:12 +02:00
parent 7008b5649d
commit 648dc1b92a
2 changed files with 13 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/styled/Home.styled.jsx
+10 -3
View File
@@ -213,11 +213,18 @@ export const BoardsContent = styled.div`
margin-bottom: 5px; margin-bottom: 5px;
} }
img { .board-avatar-container {
width: 150px;
height: 150px;
border: 1px solid #800; border: 1px solid #800;
display: inline-block; display: inline-block;
max-width: 150px; overflow: hidden;
max-height: 150px; }
.board-avatar-container img {
width: 100%;
height: 100%;
object-fit: cover;
} }
.board-text { .board-text {
src/components/views/Home.jsx
+3 -1
View File
@@ -108,7 +108,9 @@ const Home = () => {
setSelectedTitle(subplebbit.title); setSelectedTitle(subplebbit.title);
setSelectedAddress(subplebbit.address); setSelectedAddress(subplebbit.address);
}} > }} >
<BoardAvatar address={subplebbit.address} /> <div className="board-avatar-container">
<BoardAvatar address={subplebbit.address} />
</div>
</Link> </Link>
<div className="board-text"> <div className="board-text">
<b>{subplebbit.address}</b> <b>{subplebbit.address}</b>