fix(hosting): restore missing CSS properties for hosting tab layout
This commit is contained in:
@@ -479,7 +479,7 @@ function EmptySection({
|
||||
<span
|
||||
style={{ fontStyle: "italic", fontSize: "0.8rem", color: INK.mid }}
|
||||
>
|
||||
"{promptSuggestion}"
|
||||
"{promptSuggestion}"
|
||||
</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,
|
||||
|
||||
Reference in New Issue
Block a user