diff options
| -rw-r--r-- | src/App.css | 8 | ||||
| -rw-r--r-- | src/ThreadList.js | 8 |
2 files changed, 13 insertions, 3 deletions
diff --git a/src/App.css b/src/App.css index 771c2c9..ecd145d 100644 --- a/src/App.css +++ b/src/App.css @@ -197,4 +197,12 @@ display: block !important; margin-top: 1em; margin-bottom: 1em; +} + +.ui.divided.items>.item.inverted:first-child { + border-top: none; +} + +.ui.divided.items>.item.inverted { + border-top: 1px solid rgba(49, 50, 51, 1); }
\ No newline at end of file diff --git a/src/ThreadList.js b/src/ThreadList.js index 56f9ab2..6069157 100644 --- a/src/ThreadList.js +++ b/src/ThreadList.js @@ -48,8 +48,8 @@ class ThreadList extends Component { <Item.Group divided> {threadList.map((thread, index) => { return ( - <Item key={index}> - {currentBoard.allow_images === 1 && ( + <Item key={index} className={nightMode ? "inverted" : ""}> + {currentBoard.allow_images === 1 && thread.thumb !== "" && ( <Item.Image size="tiny" src={`https://bienvenidoainternet.org/${dir}/thumb/${thread.thumb}`} @@ -59,7 +59,9 @@ class ThreadList extends Component { <Item.Header as={Link} to={`/${dir}/read/${thread.id}`} - className={nightMode && "inverted"} + className={ + nightMode ? "threadTitle inverted" : "threadTitle" + } > {thread.subject} </Item.Header> |