Enhance App UI with logo and animations

- Added a voicebox logo to the loading screen in the App component for improved branding.
- Introduced fade-in animations for the logo and loading text to enhance user experience.
- Updated Sidebar component styles for better visual consistency.
- Refactored HistoryTable to implement a new fixed-height row layout, improving readability and interaction.
- Removed unused Badge component from GenerationForm for cleaner code.
This commit is contained in:
Jamie Pine
2026-01-25 17:46:39 -08:00
parent 2617936d39
commit dc44a128de
8 changed files with 144 additions and 92 deletions
+29
View File
@@ -126,3 +126,32 @@
letter-spacing: 0.1em;
}
}
@keyframes fadeInScale {
from {
opacity: 0;
transform: scale(0.8);
}
to {
opacity: 1;
transform: scale(1);
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.animate-fade-in-scale {
animation: fadeInScale 0.5s ease-out forwards;
}
.animate-fade-in-delayed {
animation: fadeIn 0.5s ease-out 0.15s forwards;
opacity: 0;
}