intelligrow/tyx_AI_xhs
6
0
Fork 0
Code Issues Pull Requests Actions 17 Packages Projects Releases Wiki Activity

feat: complete TASK-WP4-03 text templates

Browse Source
This commit is contained in:
suyx
2026-08-03 11:40:45 +08:00
parent d16802c164
commit dd7a23a281
24 changed files with 1934 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/editor-page.css
+74
View File
@@ -312,6 +312,80 @@
.editor-wide-command { width: 100%; margin-top: 18px; }
.editor-danger { border-color: #c92a24 !important; color: #8f1d14 !important; }
.editor-text-assets { min-width: 0; }
.editor-template-search {
width: 100%;
min-height: 40px;
margin-bottom: 10px;
padding: 8px 10px;
border: 1px solid #85857f;
border-radius: 0;
background: #ffffff;
color: #111111;
font: inherit;
}
.editor-template-categories { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 2px; margin-bottom: 12px; }
.editor-template-categories button {
min-width: 0;
min-height: 32px;
padding: 4px 2px;
border: 1px solid #85857f;
border-radius: 0;
background: #ffffff;
color: #111111;
font: inherit;
font-size: 11px;
}
.editor-template-categories button.active { border-color: #005fcc; box-shadow: inset 0 -3px #005fcc; font-weight: 700; }
.editor-template-retry { width: 100%; min-height: 36px; margin-bottom: 10px; border: 1px solid #8f1d14; border-radius: 0; background: #ffffff; color: #8f1d14; font: inherit; font-weight: 700; }
.editor-template-recent { margin-bottom: 12px; padding: 10px 0; border-block: 1px solid #b9b9b3; }
.editor-template-recent h3 { margin: 0 0 8px; font-size: 12px; }
.editor-template-recent > div { display: flex; gap: 6px; overflow-x: auto; }
.editor-template-recent span { display: grid; flex: 0 0 116px; min-height: 48px; align-content: center; padding: 5px 7px; border-left: 4px solid #f2f400; background: #ffffff; font-size: 10px; }
.editor-template-recent strong { font-family: Consolas, monospace; font-size: 10px; }
.editor-template-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.editor-template-grid button {
display: grid;
min-width: 0;
min-height: 116px;
grid-template-rows: 48px 16px minmax(18px, auto) 16px;
align-items: center;
padding: 7px;
overflow: hidden;
border: 1px solid #85857f;
border-radius: 0;
background: #ffffff;
color: #111111;
font: inherit;
font-size: 10px;
text-align: left;
}
.editor-template-grid button:disabled { border-style: dashed; background: #e8e8e5; color: #62625d; cursor: not-allowed; }
.editor-template-grid strong { overflow: hidden; font-family: Consolas, monospace; font-size: 10px; text-overflow: ellipsis; }
.editor-template-grid small { color: #8f1d14; font-size: 9px; }
.editor-template-mark { display: grid; width: 100%; height: 44px; place-items: center; border: 1px solid #111111; background: #f2f400; font-size: 18px; font-weight: 800; }
.editor-template-mark.title { background: #111111; color: #ffffff; }
.editor-template-mark.tag { background: #dbeafe; }
.editor-template-mark.simple { background: #ffffff; }
.editor-text-inspector { display: grid; gap: 14px; margin-top: 14px; padding-block: 14px; border-block: 1px solid #b9b9b3; }
.editor-text-inspector label { display: grid; gap: 5px; font-size: 12px; font-weight: 700; }
.editor-text-inspector textarea,
.editor-text-inspector input[type="number"],
.editor-text-inspector select { width: 100%; min-height: 40px; padding: 7px 8px; border: 1px solid #85857f; border-radius: 0; background: #ffffff; color: #111111; font: inherit; }
.editor-text-inspector textarea { min-height: 96px; resize: vertical; }
.editor-text-number { grid-template-columns: minmax(0, 1fr) 68px; }
.editor-text-number > span { grid-column: 1 / -1; }
.editor-text-number input[type="range"] { align-self: center; }
.editor-text-number input[type="number"] { min-width: 0; }
.editor-color-fields { display: grid; gap: 8px; margin: 0; padding: 10px; border: 1px solid #b9b9b3; }
.editor-color-fields legend { padding-inline: 4px; font-size: 12px; font-weight: 700; }
.editor-text-inspector input[type="color"] { width: 100%; height: 40px; padding: 2px; border: 1px solid #85857f; border-radius: 0; background: #ffffff; }
.editor-color-swatches { display: flex; gap: 6px; }
.editor-color-swatches button { width: 32px; height: 32px; border: 1px solid #111111; border-radius: 0; }
.editor-check { display: flex !important; grid-template-columns: 18px 1fr; align-items: center; }
.editor-check input { width: 18px; height: 18px; margin: 0; }
.editor-statusbar {
display: flex;
align-items: center;