lucien/tanuki-s-forum
1
0
Fork 0
generated from lucien/api-template
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add: generalized css classes and added a dark mode

Browse source
This commit is contained in:
Lukian 2025-04-27 00:29:26 +02:00
parent 9806fc3b3c
commit 4ca8a21477
28 changed files with 101 additions and 297 deletions
Download patch file Download diff file Expand all files Collapse all files

6
front/src/pages/Home.tsx
View file

@ -146,7 +146,7 @@ export default function Home({socket}: {socket: WebSocket}) {
return (
<div className="home">
<TopBar user={user} />
<div className="home-header">
<div className="forum-section home-header">
<div className="home-header-text">
<h2>Welcome to Tanuki's forum !</h2>
<p>
@ -156,7 +156,7 @@ export default function Home({socket}: {socket: WebSocket}) {
<img src="osaka_arch.png" alt="osaka" className="osaka"/>
</div>
<div className="main-content">
<div className="home-messages">
<div className="forum-section messages">
<h2>Last messages</h2>
<div className="messages-list">
{messages?.map((message) => (
@ -170,7 +170,7 @@ export default function Home({socket}: {socket: WebSocket}) {
))}
</div>
</div>
<div className="channels">
<div className="forum-section channels">
<h2>Channels</h2>
<div className="channels-content">
<Link to={'/channels'}>All channels</Link>