root/jukebox-vibe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(ui): Titel geändert, Uhrzeit rechts in Titelzeile; Hinweistext entfernt

Browse source
This commit is contained in:
vibe-bot 2025-08-08 14:47:18 +02:00
parent a38b130f8d
commit 9d63f6c71e
2 changed files with 11 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

7
web/src/App.tsx
View file

@ -121,9 +121,10 @@ export default function App() {
return ( return (
<div className="container"> <div className="container">
<header> <header>
<div className="clock">{clock}</div> <div className="header-row">
<h1>Discord Soundboard</h1> <h1>Einmal mit Soundboard -Profis</h1>
<p>Schicke dem Bot per privater Nachricht eine .mp3 — neue Sounds erscheinen automatisch.</p> <div className="clock">{clock}</div>
</div>
<div className="badge">Geladene Sounds: {total}</div> <div className="badge">Geladene Sounds: {total}</div>
{isAdmin && ( {isAdmin && (
<div className="badge">Admin-Modus</div> <div className="badge">Admin-Modus</div>

7
web/src/styles.css
View file

@ -71,6 +71,13 @@ body {
.container { max-width: 1200px; margin: 0 auto; padding: 28px; } .container { max-width: 1200px; margin: 0 auto; padding: 28px; }
header { display: flex; flex-direction: column; gap: 8px; margin-bottom: 18px; } header { display: flex; flex-direction: column; gap: 8px; margin-bottom: 18px; }
.
.header-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
header h1 { margin: 0; font-weight: 800; letter-spacing: .3px; } header h1 { margin: 0; font-weight: 800; letter-spacing: .3px; }
header p { opacity: .8; } header p { opacity: .8; }
.clock { .clock {