Labyricorn/voicebox
1
0
Fork 0
mirror of https://github.com/jamiepine/voicebox.git synced 2026-09-19 23:00:45 -07:00
Code Issues Packages Projects Releases Wiki Activity

Update UI components and styles for improved functionality and aesthetics

Browse Source 
- Changed accent color variables in index.css for better visual consistency.
- Added a new voicebox logo to the Sidebar component for branding enhancement.
- Refactored AudioPlayer to utilize CSS variables for wave and progress colors, improving theme adaptability.
- Adjusted HistoryTable column widths for better layout and readability.
- Enhanced ProfileCard layout with improved button positioning and styling.
- Updated button styles to use accent colors for better visual coherence.
- Improved CircleButton styling for consistent appearance across the application.
This commit is contained in:
Jamie Pine
2026-01-25 17:06:14 -08:00
parent e7e3a0a440
commit 586b19f40f
48 changed files with 113 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/src/components/History/HistoryTable.tsx
+8 -8
View File
@@ -79,12 +79,12 @@ export function HistoryTable() {
<Table className="w-full table-fixed">
<TableHeader className="sticky top-0 bg-background z-10">
<TableRow>
<TableHead className="w-[40%]">Text</TableHead>
<TableHead className="w-[15%]">Profile</TableHead>
<TableHead className="w-[10%]">Language</TableHead>
<TableHead className="w-[10%]">Duration</TableHead>
<TableHead className="w-[15%]">Created</TableHead>
<TableHead className="w-[10%] text-right">Actions</TableHead>
<TableHead className="w-[35%]">Text</TableHead>
<TableHead className="w-[12%]">Profile</TableHead>
<TableHead className="w-[8%]">Language</TableHead>
<TableHead className="w-[8%]">Duration</TableHead>
<TableHead className="w-[12%]">Created</TableHead>
<TableHead className="w-[15%] text-right min-w-[100px]">Actions</TableHead>
</TableRow>
</TableHeader>
<TableBody>
@@ -107,9 +107,9 @@ export function HistoryTable() {
<TableCell className="text-xs text-muted-foreground/60">
{formatDate(gen.created_at)}
</TableCell>
<TableCell className="text-right">
<TableCell className="text-right min-w-[100px]">
<div
className="flex justify-end gap-0.5"
className="flex justify-end gap-0.5 flex-nowrap"
onClick={(e) => e.stopPropagation()}
>
<CircleButton