Suyash091/urmi-ai
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

meta options

Browse source
This commit is contained in:
debu-2 2026-10-08 07:20:18 +05:30
parent 4697dab339
commit 8726c931fa
21 changed files with 3028 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

58
frontend/src/index.css
View file

@ -1908,3 +1908,61 @@ main { padding: 30px clamp(20px, 3vw, 44px) 50px; }
.wa-biz-table-head { display: none; }
.wa-biz-table-row, .wa-biz-numbers li { grid-template-columns: 1fr; }
}
.meta-page { max-width: 1500px; margin: 0 auto; display: grid; gap: 16px; }
.meta-card-grid, .meta-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; }
.meta-split { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(280px, .8fr); gap: 16px; }
.meta-asset-card p, .meta-list { display: flex; justify-content: space-between; gap: 10px; align-items: center; margin: 8px 0 0; }
.meta-list { list-style: none; padding: 0; flex-direction: column; align-items: stretch; }
.meta-list li, .meta-activity li { display: grid; gap: 2px; padding: 10px 0; border-top: 1px solid #edf0f4; }
.meta-activity { list-style: none; margin: 8px 0 0; padding: 0; }
.meta-activity strong, .meta-list strong, .meta-kv strong { color: #17253e; font-size: 12px; }
.meta-activity span, .meta-activity em, .meta-muted, .meta-list span, .meta-kv span { color: #7c899d; font-size: 11px; font-style: normal; }
.meta-kv { display: grid; gap: 8px; margin-top: 8px; }
.meta-kv p { display: flex; justify-content: space-between; gap: 16px; margin: 0; }
.meta-metric strong { font-size: 22px; }
.meta-metric p { color: #7c899d; font-weight: 500; }
.meta-state, .meta-banner { border: 1px solid var(--border); border-radius: 11px; background: white; padding: 16px; }
.meta-state strong, .meta-banner { display: block; color: #17253e; font-size: 13px; }
.meta-state p { margin: 6px 0 10px; color: #66758a; font-size: 12px; }
.meta-state a { color: #1475ff; font-size: 12px; font-weight: 700; }
.meta-state.is-denied { background: #fff8ef; }
.meta-state.is-expired, .meta-banner.is-error { background: #fff5f5; color: #9f2d2d; }
.meta-banner.is-error { color: #9f2d2d; }
.meta-table-wrap { overflow-x: auto; }
.meta-table { width: 100%; border-collapse: collapse; }
.meta-table th { text-align: left; color: #8a95a7; font-size: 10px; letter-spacing: .04em; text-transform: uppercase; padding: 0 8px 8px; }
.meta-table td { padding: 10px 8px; border-top: 1px solid #edf0f4; color: #24344c; font-size: 12px; vertical-align: top; }
.meta-table small { display: block; color: #8a95a7; margin-top: 2px; }
.meta-table tr.is-selected td { background: #f4f8ff; }
.meta-actions { display: flex; gap: 8px; white-space: nowrap; }
.meta-actions button, .meta-table button { border: 0; background: transparent; color: #1475ff; font-size: 12px; font-weight: 700; }
.meta-actions button:disabled, .meta-table button:disabled { color: #98a4b5; }
.meta-pill { display: inline-flex; border-radius: 99px; padding: 3px 8px; background: #f2f5f9; color: #536278; font-size: 10px; font-weight: 700; }
.meta-pill.is-live { background: #e8f8ef; color: #128660; }
.meta-pill.is-paused { background: #fff4e5; color: #b86e00; }
.meta-steps { display: flex; gap: 8px; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; }
.meta-steps li { border-radius: 99px; padding: 5px 9px; background: #f3f6fa; color: #7c899d; font-size: 10px; font-weight: 700; }
.meta-steps .is-current { background: #1475ff; color: white; }
.meta-steps .is-done { background: #e7f1ff; color: #1475ff; }
.meta-choice-grid, .meta-form-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 10px; }
.meta-choice-grid button, .meta-field { display: grid; gap: 4px; text-align: left; border: 1px solid var(--border); border-radius: 10px; background: white; padding: 12px; color: #526176; font-size: 11px; }
.meta-choice-grid button.is-selected { border-color: #1475ff; box-shadow: inset 0 0 0 1px #1475ff; }
.meta-choice-grid button:disabled { opacity: .55; }
.meta-choice-grid strong { color: #17253e; font-size: 12px; }
.meta-field input, .meta-field textarea, .meta-field select, .meta-select { width: 100%; border: 1px solid #dbe2eb; border-radius: 8px; padding: 8px 10px; font: inherit; color: #17253e; background: white; }
.meta-builder-nav { margin-top: 16px; }
.meta-posts { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 12px; }
.meta-posts li { display: grid; grid-template-columns: 92px 1fr; gap: 12px; padding-top: 12px; border-top: 1px solid #edf0f4; }
.meta-posts img, .meta-preview img { width: 100%; height: 92px; object-fit: cover; border-radius: 8px; background: #f4f7fb; }
.meta-preview img { height: 180px; }
.meta-preview-empty { height: 120px; display: grid; place-items: center; border-radius: 8px; background: #f6f8fb; color: #8a95a7; font-size: 12px; }
.meta-preview strong { display: block; margin-top: 10px; color: #17253e; }
.meta-dialog-backdrop { position: fixed; inset: 0; background: rgba(16, 32, 59, .35); display: grid; place-items: center; z-index: 30; padding: 20px; }
.meta-dialog { width: min(460px, 100%); background: white; border-radius: 12px; padding: 18px; display: grid; gap: 10px; }
.meta-dialog h2 { margin: 0; color: #17253e; font-size: 16px; }
.meta-dialog p { margin: 0; color: #5d6b80; font-size: 12px; line-height: 1.45; }
.meta-debug { border-style: dashed; }
@media (max-width: 900px) {
.meta-split, .meta-posts li { grid-template-columns: 1fr; }
}