add: generalized css classes and added a dark mode

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

View file

@ -150,9 +150,9 @@ export default function ChannelPage({socket}: {socket: WebSocket}) {
if (noChannel) {
return (
<div className="channel-page">
<div className="forum-page">
<TopBar user={user} />
<div className="channel">
<div className="forum-section">
<h2>Channel Not Found</h2>
<p>Sorry, the channel you are looking for does not exist.</p>
<Link to="/">Go back to the homepage</Link>
@ -163,9 +163,9 @@ export default function ChannelPage({socket}: {socket: WebSocket}) {
if (!channel) {
return (
<div className="channel-page">
<div className="forum-page">
<TopBar user={user} />
<div className="channel">
<div className="forum-section">
<p>Loading...</p>
</div>
</div>
@ -173,9 +173,9 @@ export default function ChannelPage({socket}: {socket: WebSocket}) {
}
return (
<div className="channel-page">
<div className="forum-page">
<TopBar user={user} />
<div className="channel">
<div className="forum-section">
<h2>Channel {channel.name}</h2>
<p>{channel.description}</p>
<p>Owner: <Link to={`/u/${channel.owner_username}`}>{channel.owner_username}</Link></p>