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 StoryList component styles for improved UI consistency

Browse Source 
- Changed border radius of the "No stories yet" message to rounded-2xl for a softer appearance.
- Updated story item borders to rounded-2xl to enhance visual cohesion across the component.
This commit is contained in:
Jamie Pine
2026-01-29 19:34:28 -08:00
parent 60012b81c0
commit 43873a883b
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/src/components/StoriesTab/StoryList.tsx
+2 -2
View File
@@ -186,7 +186,7 @@ export function StoryList() {
{/* Story List */} {/* Story List */}
<div className="flex-1 min-h-0 overflow-y-auto space-y-2"> <div className="flex-1 min-h-0 overflow-y-auto space-y-2">
{storyList.length === 0 ? ( {storyList.length === 0 ? (
<div className="text-center py-12 px-5 border-2 border-dashed border-muted rounded-md text-muted-foreground"> <div className="text-center py-12 px-5 border-2 border-dashed border-muted rounded-2xl text-muted-foreground">
<BookOpen className="h-12 w-12 mx-auto mb-4 opacity-50" /> <BookOpen className="h-12 w-12 mx-auto mb-4 opacity-50" />
<p className="text-sm">No stories yet</p> <p className="text-sm">No stories yet</p>
<p className="text-xs mt-2">Create your first story to get started</p> <p className="text-xs mt-2">Create your first story to get started</p>
@@ -196,7 +196,7 @@ export function StoryList() {
<div <div
key={story.id} key={story.id}
className={cn( className={cn(
'h-24 p-4 border rounded-md transition-colors group flex items-center', 'h-24 p-4 border rounded-2xl transition-colors group flex items-center',
selectedStoryId === story.id && 'bg-muted border-primary', selectedStoryId === story.id && 'bg-muted border-primary',
)} )}
> >