Skip to content

Commit 3bd4990

Browse files
committed
fix: responsive item list
1 parent ba43976 commit 3bd4990

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

frontend/src/lib/components/ItemList.svelte

+3-3
Original file line numberDiff line numberDiff line change
@@ -139,14 +139,14 @@
139139
class="flex justify-between items-center gap-2 py-6"
140140
variant="ghost"
141141
>
142-
<h2 class="truncate text-lg font-medium">
142+
<h2 class="w-full truncate text-lg font-medium">
143143
{item.title}
144144
</h2>
145-
<div class="flex justify-between items-center">
145+
<div class="flex justify-between items-center w-1/3 md:w-1/4">
146146
<div
147147
class="flex justify-end w-full gap-2 text-sm text-muted-foreground group-hover:hidden"
148148
>
149-
<span class="w-14 truncate">{item.feed.name}</span>
149+
<span class="w-full truncate">{item.feed.name}</span>
150150
<span class="w-10 truncate">
151151
{fromNow(item.pub_date)}
152152
</span>

0 commit comments

Comments
 (0)