fix(hosting): restore missing CSS properties for hosting tab layout
This commit is contained in:
@@ -479,7 +479,7 @@ function EmptySection({
|
|||||||
<span
|
<span
|
||||||
style={{ fontStyle: "italic", fontSize: "0.8rem", color: INK.mid }}
|
style={{ fontStyle: "italic", fontSize: "0.8rem", color: INK.mid }}
|
||||||
>
|
>
|
||||||
"{promptSuggestion}"
|
"{promptSuggestion}"
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
@@ -558,6 +558,87 @@ const cardTitle: React.CSSProperties = {
|
|||||||
fontSize: "0.95rem",
|
fontSize: "0.95rem",
|
||||||
fontWeight: 700,
|
fontWeight: 700,
|
||||||
color: INK.ink,
|
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 = {
|
const logsPre: React.CSSProperties = {
|
||||||
margin: 0,
|
margin: 0,
|
||||||
fontFamily: "ui-monospace, monospace",
|
fontFamily: "ui-monospace, monospace",
|
||||||
@@ -567,6 +648,7 @@ const logsPre: React.CSSProperties = {
|
|||||||
whiteSpace: "pre-wrap",
|
whiteSpace: "pre-wrap",
|
||||||
wordBreak: "break-all",
|
wordBreak: "break-all",
|
||||||
};
|
};
|
||||||
|
|
||||||
const emptyBox: React.CSSProperties = {
|
const emptyBox: React.CSSProperties = {
|
||||||
border: `1px dashed ${INK.border}`,
|
border: `1px dashed ${INK.border}`,
|
||||||
borderRadius: 10,
|
borderRadius: 10,
|
||||||
|
|||||||
Reference in New Issue
Block a user