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

add offline indicator in popular boards section

Browse Source
This commit is contained in:
Tom
2023-05-04 18:18:47 +02:00
parent d98649f77e
commit 2108d165fc
5 changed files with 47 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/styled/Home.styled.jsx
+16 -1
View File
@@ -230,14 +230,29 @@ export const BoardsContent = styled.div`
border: 1px solid #800;
display: inline-block;
overflow: hidden;
position: relative;
}
.board-avatar-container img {
.board-avatar-container img.board-avatar {
width: 100%;
height: 100%;
object-fit: cover;
}
.board-avatar-container img.offline {
filter: brightness(50%);
}
.offline-indicator {
position: absolute;
top: calc(50% - 10px);
left: 0;
width: 100%;
object-fit: cover;
z-index: 1;
}
.board-text {
margin-bottom: 5px;
padding: 0 2px;