hansjone/netx
1
0
Fork 0
mirror of https://github.com/hansjone/netx.git synced 2026-10-11 04:13:21 +08:00
Code Issues Projects Releases 1 Packages Wiki Activity Actions

Simplify WebCRT device list chrome.

Browse source 
Drop the sidebar refresh control and bordered pager buttons; keep page meta with plain chevrons.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
hansjone 2026-07-30 02:34:25 +00:00
parent b8fa2c6725
commit 3bd5d5b7da
2 changed files with 12 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

29
web/src/index.css
View file

@ -1490,22 +1490,6 @@ pre {
display: none; display: none;
} }
.webcrt-icon-btn {
width: 28px;
height: 24px;
padding: 0;
border: 1px solid #a0a0a0;
background: #f7f7f7;
border-radius: 2px;
cursor: pointer;
line-height: 1;
}
.webcrt-icon-btn:disabled {
opacity: 0.45;
cursor: not-allowed;
}
.webcrt-sidebar__search { .webcrt-sidebar__search {
padding: 6px; padding: 6px;
border-bottom: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0;
@ -1639,16 +1623,23 @@ pre {
gap: 2px; gap: 2px;
} }
.app-main .webcrt-sidebar__pager-btns button,
.webcrt-sidebar__pager-btns button { .webcrt-sidebar__pager-btns button {
width: 22px; width: 22px;
height: 20px; height: 20px;
border: 1px solid #a0a0a0; padding: 0;
background: #f7f7f7; border: 0;
border-radius: 0;
background: transparent;
color: #334155;
cursor: pointer; cursor: pointer;
line-height: 1;
font-size: 16px;
} }
.app-main .webcrt-sidebar__pager-btns button:disabled,
.webcrt-sidebar__pager-btns button:disabled { .webcrt-sidebar__pager-btns button:disabled {
opacity: 0.4; opacity: 0.35;
cursor: not-allowed; cursor: not-allowed;
} }

12
web/src/pages/WebcrtPage.tsx
View file

@ -289,14 +289,6 @@ export function WebcrtPage() {
<aside className="webcrt-sidebar"> <aside className="webcrt-sidebar">
<div className="webcrt-sidebar__header"> <div className="webcrt-sidebar__header">
<div className="webcrt-sidebar__title">{t("webcrt.deviceList")}</div> <div className="webcrt-sidebar__title">{t("webcrt.deviceList")}</div>
<button
type="button"
className="webcrt-icon-btn"
title={t("common.refresh")}
onClick={() => void targetsQuery.refetch()}
>
↻
</button>
</div> </div>
<div className="webcrt-sidebar__search"> <div className="webcrt-sidebar__search">
<input <input
@ -363,10 +355,10 @@ export function WebcrtPage() {
<div className="webcrt-sidebar__pager"> <div className="webcrt-sidebar__pager">
<span>{t("common.pagerMeta", { total, page, pages })}</span> <span>{t("common.pagerMeta", { total, page, pages })}</span>
<div className="webcrt-sidebar__pager-btns"> <div className="webcrt-sidebar__pager-btns">
<button type="button" disabled={page <= 1} onClick={() => setPage((p) => Math.max(1, p - 1))}> <button type="button" disabled={page <= 1} onClick={() => setPage((p) => Math.max(1, p - 1))} aria-label="prev">
‹ ‹
</button> </button>
<button type="button" disabled={page >= pages} onClick={() => setPage((p) => p + 1)}> <button type="button" disabled={page >= pages} onClick={() => setPage((p) => p + 1)} aria-label="next">
› ›
</button> </button>
</div> </div>