fix(hosting): restore missing CSS properties for hosting tab layout

This commit is contained in:
2026-06-12 11:39:49 -07:00
parent 3833ba5dd2
commit 730154c2f9

View File

@@ -479,7 +479,7 @@ function EmptySection({
<span
style={{ fontStyle: "italic", fontSize: "0.8rem", color: INK.mid }}
>
"{promptSuggestion}"
&quot;{promptSuggestion}&quot;
</span>
</div>
)}
@@ -558,6 +558,87 @@ const cardTitle: React.CSSProperties = {
fontSize: "0.95rem",
fontWeight: 700,
color: INK.ink,
};
const statusLine: React.CSSProperties = {
fontSize: "0.8rem",
color: INK.mid,
marginBottom: 12,
display: "flex",
alignItems: "center",
gap: 6,
flexWrap: "wrap",
};
const urlRow: React.CSSProperties = {
display: "flex",
alignItems: "center",
gap: 8,
background: "#f8f5f0",
borderRadius: 6,
padding: "8px 12px",
marginBottom: 2,
};
const urlLink: React.CSSProperties = {
fontSize: "0.85rem",
color: INK.ink,
textDecoration: "none",
flex: 1,
minWidth: 0,
overflow: "hidden",
textOverflow: "ellipsis",
whiteSpace: "nowrap",
display: "inline-flex",
alignItems: "center",
gap: 4,
};
const actionBtn: React.CSSProperties = {
display: "inline-flex",
alignItems: "center",
gap: 6,
padding: "6px 12px",
border: `1px solid ${INK.border}`,
borderRadius: 6,
background: "#fff",
cursor: "pointer",
font: "inherit",
fontSize: "0.78rem",
fontWeight: 600,
color: INK.mid,
transition: "background 0.1s, border-color 0.1s",
};
const iconBtn: React.CSSProperties = {
display: "inline-flex",
alignItems: "center",
justifyContent: "center",
width: 26,
height: 26,
border: "none",
background: "transparent",
cursor: "pointer",
color: INK.muted,
borderRadius: 4,
flexShrink: 0,
};
const logsToggleBtn: React.CSSProperties = {
display: "inline-flex",
alignItems: "center",
gap: 6,
fontSize: "0.75rem",
fontWeight: 600,
color: INK.mid,
background: "none",
border: "none",
cursor: "pointer",
font: "inherit",
padding: 0,
};
const logsBox: React.CSSProperties = {
marginTop: 10,
background: "#1a1a1a",
borderRadius: 6,
padding: "12px 14px",
maxHeight: 320,
overflowY: "auto",
};
const logsPre: React.CSSProperties = {
margin: 0,
fontFamily: "ui-monospace, monospace",
@@ -567,6 +648,7 @@ const logsPre: React.CSSProperties = {
whiteSpace: "pre-wrap",
wordBreak: "break-all",
};
const emptyBox: React.CSSProperties = {
border: `1px dashed ${INK.border}`,
borderRadius: 10,