root/jukebox-vibe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
197 commits 3 branches 0 tags 447 KiB
Commit graph

72 commits

Author SHA1 Message Date
Bot
da0ae2b9a6 feat(web): redesign frontend to Discord-style Soundboard UI 
Complete rewrite of App.tsx and styles.css to match the Discord-style
soundboard mockup design:

- Topbar: logo, custom channel dropdown, centered live clock, connection status
- Toolbar: category tabs (Alle/Neu/Favoriten), search, Random/Party/Stop
  buttons, card size slider, theme color dots (5 themes)
- Main: responsive square card grid with initial letter avatars, ripple
  effects, playing animations, favorite stars, NEW badges
- Bottom bar: now-playing wave indicator, volume slider
- Context menu on right-click (play, favorite, admin delete)
- Party mode overlay, toast notifications, admin panel
- All API integration preserved (SSE, channels, volume, play, party)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
 2026-03-01 15:20:33 +01:00
Bot
e0bbe03851 feat(web): add button size toggle (S/M/L) in header 
Adds a size selector in the header bar that allows users to choose
between Small, Medium, and Large sound buttons. Choice persists
via localStorage. Responsive breakpoints also respect the setting.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
 2026-03-01 02:03:04 +01:00
Bot
ba8c07f347 feat(web): complete frontend redesign — DECK theme system 
Redesigned the entire frontend with a new "DECK" aesthetic:

- 5 distinctive themes: Midnight, Daylight, Neon, Vapor, Matrix
- Compact pill-shaped sound buttons with category color bars
- Tab navigation: All Sounds / Favorites / Recently Added
- Horizontal category filter chips with color coding
- Fixed bottom control bar: Stop, Random, Party, Volume
- Responsive layout optimized for 800+ sounds
- Syne + Outfit typography pairing
- Party mode with animated gradient effects
- Search with clear button, "Now Playing" indicator
- Admin panel as modal overlay
- Subtle dot grid background pattern on dark themes

Replaces the previous Apple Music-style card layout with a dense,
efficient grid that scales properly for large sound libraries.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
 2026-03-01 01:39:52 +01:00
Bot
187905d22b feat: complete apple ui redesign on stable 2026-02-26 13:47:54 +01:00
vibe-bot
d810c30f73 feat(ui): Rainbow-Theme mit animiertem Farbverlauf für Seitentitel; 420-Theme Titel in #22C55E; Klasse .site-title hinzugefügt 2025-08-10 21:38:07 +02:00
vibe-bot
ef67c712fe fix(ui): Lautstärke-Slider zentriert in Chrome/Edge/Brave (WebKit-Thumb margin-top, Track-Höhe vereinheitlicht) 2025-08-10 21:09:37 +02:00
vibe-bot
23b90b5923 Nightly: Custom-Emoji-Feature entfernt (UI + Styles), nur 'Badges entfernen' bleibt 2025-08-09 22:55:11 +02:00
vibe-bot
442c42ef23 Nightly: Rainbow-Flash entfernt Soundbutton-Animation deaktiviert 2025-08-09 22:02:51 +02:00
vibe-bot
9cf1b6d26c Nightly: Emoji-Picker auf Twemoji umgestellt (SVG via CDN) zuverlässige Darstellung statt fehlender System-Emoji 2025-08-09 22:00:57 +02:00
vibe-bot
64ae191d96 Nightly: Emoji-Fonts fix Emoji-Picker nutzt Color-Emoji-Font-Stack; Noto Color Emoji vorab geladen 2025-08-09 21:44:52 +02:00
vibe-bot
60a0ac3a82 Nightly: Emoji-Picker als Portal (document.body) mit sehr hohem z-index keine Überdeckung durch Sounds, korrekte Position 2025-08-09 21:36:06 +02:00
vibe-bot
9789a5e931 Nightly: Rainbow-Flash verlängert auf 2s (Animation + Timeout angepasst) 2025-08-09 21:34:16 +02:00
vibe-bot
3d9e03da57 Nightly: Emoji-Picker fix als fixed Overlay neben Button (hoher z-index) statt überlagertem Inline-Panel 2025-08-09 21:29:11 +02:00
vibe-bot
f50c354ab2 Nightly: Rainbow-Theme Soundbutton erhält 1s Regenbogen-Flash beim Klick (analog Partymode) 2025-08-09 21:18:01 +02:00
vibe-bot
fae25d7578 Nightly: CHAOS-Button in 'Partymode' umbenannt (Animation beibehalten) 2025-08-09 20:01:52 +02:00
vibe-bot
9e5ba70711 Nightly: Admin Emoji-Picker für Custom-Badges; Kategorien UI: Umbenennen/Löschen + Anlegen; Badges im UI dargestellt 2025-08-09 17:30:21 +02:00
vibe-bot
b11e7dd666 UI: Footer mit Version und Build-Kanal hinzugefügt (Header bleibt clean) 2025-08-09 16:43:05 +02:00
vibe-bot
e1d5c9eaa6 UI: Globale 90%-Breite Umstellung auf .page-container (Stable + Nightly) 2025-08-09 16:36:22 +02:00
vibe-bot
0a88528550 UI: Container auf allen Builds min. 90% Breite (max-width entfernt) 2025-08-09 16:27:21 +02:00
vibe-bot
2e1342a58e Nightly: URL-Input-Text läuft nicht mehr über Download-Button (padding-right + ellipsis) 2025-08-09 15:43:57 +02:00
vibe-bot
fa915fb522 Nightly: Schriftstärke der Soundbutton-Texte auf 501 angehoben (nur Label, keine Icons) 2025-08-09 15:40:25 +02:00
vibe-bot
d56c4dc0ed Nightly: CHAOS-Button Text geändert und Regenbogen-Animation hinzugefügt 2025-08-09 14:52:27 +02:00
vibe-bot
5694a9ec73 Nightly: Containerbreite auf mindestens 90% des Monitors erweitert (data-build=nightly) 2025-08-09 10:58:36 +02:00
vibe-bot
d5df8b63f8 Nightly: Aktives Tab/Filter farbig pro Theme (dark/rainbow/420) 2025-08-09 10:34:42 +02:00
vibe-bot
869f005ccb Nightly: Einheitliche Tab-Schriftgröße (.875rem) über alle Themes 2025-08-09 02:58:48 +02:00
vibe-bot
d9a450f06a Nightly: Sound-Button Padding gleichmäßig (12px 16px), Text zentriert 2025-08-09 02:52:31 +02:00
vibe-bot
1820e3ceff Nightly: Tabs/Filter optisch an Random-Button angeglichen (bg-gray-700, hover bg-gray-600, bold, rounded) 2025-08-09 02:43:35 +02:00
vibe-bot
83fb33c617 Nightly: Sound-Buttons passen Breite dynamisch an Textlänge an (inline-flex, auto width) 2025-08-09 02:42:02 +02:00
vibe-bot
8c7b1fbc31 Nightly: Sounds wieder organisch wie Tabs nebeneinander (flex-wrap, auto-breite Karten) 2025-08-09 02:35:14 +02:00
vibe-bot
17b3737176 Nightly Badge zuverlässig: Vite Env VITE_BUILD_CHANNEL, Dockerfile ARG/ENV, CI Build-Args angepasst 2025-08-09 02:33:48 +02:00
vibe-bot
8ae88be5e6 Nightly: Sounds-Listing auf echte lineare Liste umgestellt (vertikale Anordnung, keine Spalten) 2025-08-09 02:25:17 +02:00
vibe-bot
17fa64c05a Nightly: Sounds-Listing auf lineares Flex-Wrap umgestellt (keine Spalten, responsives Umbruch-Verhalten) 2025-08-09 02:12:52 +02:00
vibe-bot
1a48893090 UI: Badge 'Ausgewählt' an Button-Größe angepasst (Padding, Border, Hintergrund, Font) 2025-08-09 01:44:57 +02:00
vibe-bot
22bbea7f95 420 Theme: Brokkoli-Animation startet ohne Delay (animation-delay überall auf 0s) 2025-08-09 01:39:28 +02:00
vibe-bot
d35f359d00 Rainbow Theme: Header-Labels (text-gray-400) auf Weiß gestellt für bessere Lesbarkeit 2025-08-09 01:37:31 +02:00
vibe-bot
f699a1532a 420 Theme: Brokkoli-Checkbox hinzugefügt - Animation nur aktiv wenn Checkbox markiert 2025-08-09 01:31:55 +02:00
vibe-bot
581718d152 Rainbow Theme: Header-Textfarbe zu Weiß geändert für bessere Lesbarkeit 2025-08-09 01:30:06 +02:00
vibe-bot
83ac248c60 420 Theme: Animierte herumfliegende Brokkoli-Emojis hinzugefügt - Bildschirmschoner-Style mit Bounce-Animation 2025-08-09 01:22:59 +02:00
vibe-bot
5c6ee0715e UI: Light Theme entfernt, Rainbow Chaos zu Rainbow umbenannt, Rainbow Header mit buntem Border 2025-08-09 01:06:51 +02:00
vibe-bot
5173175617 420 Theme hinzugefügt: Cannabis-grünes trippy Theme mit animiertem Hintergrund und grünen Akzenten 2025-08-09 00:59:13 +02:00
vibe-bot
664af110a8 Header: Neues Google Stitch Design implementiert - horizontales Layout mit Zählern und Buttons 2025-08-09 00:41:13 +02:00
vibe-bot
8944639e6e Light Theme: Sound-Karten-Text/Buttons auf dunkles Schwarz gestellt (#1d1d1f) für Lesbarkeit 2025-08-09 00:15:07 +02:00
vibe-bot
02e37c5426 UI: Volume-Slider Füllbalken fix eigene Klasse (.volume-slider) und CSS-Gradient unabhängig von Container 2025-08-09 00:09:03 +02:00
vibe-bot
e3cca87bcc UI: Fix Icon-Overlap endgültig gezielte Klasse 'with-left-icon' + CSS padding-left, keine globalen Side-Effects 2025-08-08 23:57:50 +02:00
vibe-bot
971f6995a0 UI: Icon-Overlap fix mehr linken Innenabstand für Inputs/Selects/Trigger (kompatibel mit Light/Dark/Rainbow) 2025-08-08 23:49:11 +02:00
vibe-bot
ed66adaa26 Volume slider: visible accent fill across themes (CSS var + custom track); fix CSS lints 2025-08-08 23:40:26 +02:00
vibe-bot
d0786b8d3f Fix volume slider accent color visibility across all themes 2025-08-08 23:25:34 +02:00
vibe-bot
12a7e4380d fix(ui): Volume Slider sichtbar gemacht; System Theme entfernt; theme-spezifische Slider Styles 2025-08-08 23:05:58 +02:00
vibe-bot
7b8cb11819 feat(frontend): Stitch-Layouts (Light/Dark/Rainbow) 1:1 übernommen; JSX migriert; Funktionen erhalten 2025-08-08 21:27:50 +02:00
vibe-bot
a8602700b3 chore(frontend): index.html vorbereitet (Tailwind CDN + Google Fonts) 2025-08-08 21:14:41 +02:00