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

feat: complete TASK-WP4-04 color and dynamic stickers

Browse Source
This commit is contained in:
suyx
2026-08-03 14:11:40 +08:00
parent dd7a23a281
commit 457e1147e4
29 changed files with 2234 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/editor-page.css
+49 -2
View File
@@ -176,8 +176,7 @@
.editor-sticker-grid button:disabled { color: #62625d; background: #e8e8e5; cursor: not-allowed; }
.editor-sticker-grid button > span:last-child { overflow-wrap: anywhere; font-size: 11px; }
.editor-sticker-preview { display: block; width: 58px; height: 58px; border: 3px solid #111111; background: #f2f400; }
.editor-sticker-preview.stk002 { border-radius: 50%; background: #1769aa; }
.editor-sticker-preview { display: block; width: 58px; height: 58px; object-fit: contain; border: 1px solid #b9b9b3; background: #30343b; }
.editor-limit { margin: 12px 0 0; padding: 8px; border-left: 3px solid #c92a24; background: #ffffff; color: #8f1d14; font-size: 12px; }
.editor-workspace {
@@ -368,6 +367,46 @@
.editor-template-mark.tag { background: #dbeafe; }
.editor-template-mark.simple { background: #ffffff; }
.editor-provider-panel > header { display: flex; align-items: center; justify-content: space-between; }
.editor-provider-panel > header h2 { margin: 0; }
.editor-info-button { width: 28px; height: 28px; border: 1px solid #111111; border-radius: 50%; background: #ffffff; font: 700 13px Georgia, serif; }
.editor-provider-note { margin: 8px 0 12px; color: #62625d; font-size: 11px; }
.editor-provider-groups { display: grid; gap: 18px; }
.editor-provider-groups section { display: grid; gap: 8px; }
.editor-provider-groups h3 { margin: 0; font-size: 12px; }
.editor-provider-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.editor-provider-grid button {
display: grid;
min-width: 0;
min-height: 112px;
grid-template-rows: 48px 16px minmax(18px, auto) auto;
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-provider-grid button:disabled { background: #e8e8e5; color: #62625d; cursor: not-allowed; }
.editor-provider-grid strong { font-family: Consolas, monospace; font-size: 10px; }
.editor-provider-grid small { color: #8f1d14; font-size: 9px; }
.editor-color-card-preview { display: flex; width: 100%; height: 42px; align-items: stretch; border: 1px solid #111111; background: #ffffff; }
.editor-color-card-preview i { flex: 1; }
.editor-color-card-preview.style_01,
.editor-color-card-preview.style_02 { width: 30px; height: 48px; flex-direction: column; justify-self: center; }
.editor-dynamic-preview { display: grid; width: 100%; height: 44px; place-items: center; border: 1px solid #111111; background: #ffffff; font-size: 15px; font-weight: 800; }
.editor-dynamic-preview.location { border-left: 6px solid #1769aa; }
.editor-dynamic-preview.time { background: #FFE62C; }
.editor-dynamic-preview.identity { background: #1769aa; color: #ffffff; }
.editor-dynamic-preview.dyn012 { position: relative; display: flex; gap: 7px; justify-content: center; border-color: #111111; background: #30343b; color: #ffffff; font-family: Dada_FONT081, sans-serif; font-size: 17px; font-weight: 400; }
.editor-dynamic-preview.dyn012 i { width: 2px; height: 15px; background: #ffffff; }
.editor-dynamic-preview.dyn012 small { position: absolute; top: 3px; right: 6px; color: #ffffff; font-size: 6px; }
.editor-source-preview-canvas { display: block; width: 100%; height: 72px; background: #30343b; }
.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,
@@ -385,6 +424,11 @@
.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-dynamic-inspector { display: grid; gap: 10px; margin-top: 14px; padding-block: 14px; border-block: 1px solid #b9b9b3; }
.editor-dynamic-inspector label { display: grid; gap: 5px; font-size: 12px; font-weight: 700; }
.editor-dynamic-inspector textarea { min-height: 82px; padding: 7px 8px; border: 1px solid #85857f; border-radius: 0; resize: vertical; font: inherit; }
.editor-dynamic-inspector .editor-wide-command { margin-top: 0; }
.editor-font-substitution { margin: 0; padding: 8px; border-left: 3px solid #c92a24; background: #ffffff; color: #8f1d14; font-size: 11px; }
.editor-statusbar {
display: flex;
@@ -415,6 +459,9 @@
.editor-confirm p { margin: 0; }
.editor-confirm > div { display: flex; gap: 8px; margin-top: 24px; }
.editor-confirm button { min-height: 40px; padding: 8px 14px; border: 1px solid #111111; border-radius: 0; background: #ffffff; font: inherit; font-weight: 700; }
.editor-location-consent label { display: grid; gap: 6px; margin-top: 18px; font-size: 12px; font-weight: 700; }
.editor-location-consent input { min-height: 40px; padding: 7px 9px; border: 1px solid #85857f; border-radius: 0; font: inherit; }
.editor-location-actions { display: grid !important; grid-template-columns: 1fr; }
.editor-loading { display: grid; min-height: 100vh; place-items: center; background: #e8e8e5; }