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

@ -4,8 +4,6 @@ import { User, Users } from "../types"
import axios from "axios"
import TopBar from "../components/TopBar"
import "../styles/UsersPage.css"
export default function UsersPage({socket}: {socket: WebSocket}) {
const [users, setUsers] = useState<Users>();
const [search, setSearch] = useState<string>("");
@ -64,9 +62,9 @@ export default function UsersPage({socket}: {socket: WebSocket}) {
if (!users) {
return (
<div className="users-page">
<div className="forum-page">
<TopBar user={thisUser} />
<div className="users-page-users">
<div className="forum-section">
<h2>Users</h2>
<p>Loading...</p>
</div>
@ -75,9 +73,9 @@ export default function UsersPage({socket}: {socket: WebSocket}) {
}
return (
<div className="users-page">
<div className="forum-page">
<TopBar user={thisUser} />
<div className="users-page-users">
<div className="forum-section">
<h2>Users</h2>
<input
type="text"