fix(ui): heartbeat delivery Select full-width + popper positioning

Ensure Select triggers in heartbeat section use full available width
and render dropdown with popper positioning for consistent alignment.
This commit is contained in:
viettranx committed 2026-04-16 14:17:48 +07:00
1 parent ee328d4266
commit b097a29a61
1 file changed
+4 -4
@@ -41,10 +41,10 @@ export function HeartbeatDeliverySection({
value={channel || "__none__"}
onValueChange={(v) => { setChannel(v === "__none__" ? "" : v); setChatId(""); }}
>
<SelectTrigger className="text-base md:text-sm">
<SelectTrigger className="w-full text-base md:text-sm">
<SelectValue placeholder={t("heartbeat.channelPlaceholder")} />
</SelectTrigger>
<SelectContent>
<SelectContent position="popper">
<SelectItem value="__none__">{t("heartbeat.channelNone")}</SelectItem>
{channelNames.map((ch) => (
<SelectItem key={ch} value={ch}>{ch}</SelectItem>
@@ -70,10 +70,10 @@ export function HeartbeatDeliverySection({
if (filtered.length > 0) {
return (
<Select value={chatId || "__none__"} onValueChange={(v) => setChatId(v === "__none__" ? "" : v)}>
<SelectTrigger className="text-base md:text-sm">
<SelectTrigger className="w-full text-base md:text-sm">
<SelectValue placeholder={t("heartbeat.chatIdPlaceholder")} />
</SelectTrigger>
<SelectContent>
<SelectContent position="popper">
<SelectItem value="__none__">{t("heartbeat.channelNone")}</SelectItem>
{filtered.map((tgt) => (
<SelectItem key={tgt.chatId} value={tgt.chatId}>