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

template

Browse source
This commit is contained in:
debu-2 2026-10-14 05:30:45 +05:30
parent 8037489503
commit ad189b8568
15 changed files with 1989 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

58
frontend/src/index.css
View file

@ -2004,6 +2004,64 @@ main { padding: 30px clamp(20px, 3vw, 44px) 50px; }
.meta-split, .meta-posts li { grid-template-columns: 1fr; }
}
.wa-tpl { display: grid; gap: 16px; }
.wa-tpl-heading, .wa-tpl-heading-actions, .wa-tpl-nav, .wa-tpl-filters, .wa-tpl-format, .wa-tpl-actions { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.wa-tpl-heading { justify-content: space-between; }
.wa-tpl-cards { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.wa-tpl-cards article, .wa-tpl-numbers label, .wa-tpl-categories button, .wa-tpl-button { border: 1px solid var(--border); border-radius: 12px; background: white; }
.wa-tpl-cards article { padding: 14px 16px; }
.wa-tpl-cards span, .wa-tpl-guidance, .wa-tpl-step-error { color: var(--muted); font-size: 13px; }
.wa-tpl-cards strong { display: block; margin-top: 6px; font-size: 26px; color: #14233b; }
.wa-tpl-filters input, .wa-tpl-filters select, .wa-tpl-button input, .wa-tpl-button select, .wa-tpl-samples input { border: 1px solid var(--border); border-radius: 8px; padding: 8px 10px; background: white; }
.wa-tpl-table { margin-top: 14px; overflow-x: auto; }
.wa-tpl-row { display: grid; grid-template-columns: 1.4fr .8fr .6fr .8fr .6fr .7fr .8fr 1.3fr; gap: 8px; align-items: center; min-width: 860px; padding: 12px 4px; border-top: 1px solid #edf0f4; font-size: 13px; }
.wa-tpl-head { border-top: 0; color: #8a95a7; font-size: 11px; font-weight: 700; text-transform: uppercase; }
.wa-tpl-name, .wa-tpl-actions button, .wa-tpl-format button, .wa-tpl-tabs button { border: 0; background: transparent; color: #1475ff; padding: 0; font-weight: 600; }
.wa-tpl-actions { display: flex; gap: 8px; }
.wa-tpl-status { font-weight: 700; text-transform: capitalize; }
.wa-tpl-status.is-approved { color: #12805c; }
.wa-tpl-status.is-pending, .wa-tpl-status.is-in_appeal { color: #a15c07; }
.wa-tpl-status.is-rejected { color: #c2362f; }
.wa-tpl-status.is-paused { color: #c56a12; }
.wa-tpl-status.is-disabled { color: #718096; }
.wa-tpl-steps { display: flex; gap: 8px; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; }
.wa-tpl-steps li { padding: 6px 10px; border-radius: 999px; background: white; border: 1px solid var(--border); color: #718096; font-size: 12px; font-weight: 700; }
.wa-tpl-steps .is-current { border-color: #1475ff; color: #1475ff; background: #edf5ff; }
.wa-tpl-steps .is-done { color: #12805c; }
.wa-tpl-split { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(260px, .8fr); gap: 16px; align-items: start; }
.wa-tpl-preview { position: sticky; top: 16px; }
.wa-tpl-preview > p { margin: 0 0 8px; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #8a95a7; }
.wa-tpl-phone { background: #efe7dc; border-radius: 16px; padding: 16px; }
.wa-tpl-bubble { display: grid; gap: 6px; background: white; border-radius: 12px; padding: 10px 12px; color: #14233b; }
.wa-tpl-bubble img, .wa-tpl-media { width: 100%; border-radius: 8px; background: #d9e2ec; min-height: 84px; object-fit: cover; }
.wa-tpl-media { display: grid; place-items: center; color: #526176; font-size: 13px; }
.wa-tpl-bubble small { color: #718096; }
.wa-tpl-preview-buttons { display: grid; gap: 6px; margin-top: 8px; }
.wa-tpl-preview-buttons span { background: white; border-radius: 8px; text-align: center; color: #1475ff; padding: 8px; font-size: 13px; font-weight: 700; }
.wa-tpl-numbers, .wa-tpl-categories { display: grid; gap: 10px; }
.wa-tpl-numbers label, .wa-tpl-categories button { display: grid; grid-template-columns: auto 1fr; gap: 8px 12px; padding: 14px; text-align: left; }
.wa-tpl-numbers label.is-selected, .wa-tpl-categories button.is-selected { border-color: #1475ff; box-shadow: 0 0 0 3px rgba(20,117,255,.12); }
.wa-tpl-numbers span, .wa-tpl-categories button span { display: grid; }
.wa-tpl-numbers small, .wa-tpl-categories span { color: #718096; }
.wa-tpl-button { display: grid; gap: 8px; padding: 12px; margin-bottom: 10px; }
.wa-tpl-samples { display: grid; gap: 8px; margin-bottom: 12px; }
.wa-tpl-samples label { display: grid; grid-template-columns: 140px 1fr; gap: 8px; align-items: center; }
.wa-tpl-nav { margin-top: 16px; }
.wa-tpl-review { display: grid; gap: 8px; margin: 0; }
.wa-tpl-review div { display: grid; grid-template-columns: 160px 1fr; gap: 8px; }
.wa-tpl-review dt { color: #718096; }
.wa-tpl-review dd { margin: 0; }
.wa-tpl-checks { margin: 12px 0 0; padding-left: 18px; }
.wa-tpl-reason { margin-top: 16px; padding: 12px; border-radius: 10px; background: #fff4f2; color: #8d2b26; }
.wa-tpl-tabs { display: flex; gap: 8px; }
.wa-tpl-tabs .is-current { color: #14233b; }
.wa-tpl-drop { display: grid; gap: 8px; padding: 16px; border: 1px dashed #b7c3d3; border-radius: 12px; background: #f8fafc; }
.wa-tpl-result dl { margin-top: 16px; }
@media (max-width: 980px) {
.wa-tpl-cards, .wa-tpl-split, .wa-tpl-samples label, .wa-tpl-review div { grid-template-columns: 1fr; }
.wa-tpl-preview { position: static; }
}
.stat-card > span, .balance-card > span { font-size: 13px; }
.stat-card p { font-size: 12px; }
.insight strong, .activity-item strong, .compliance-row { font-size: 13px; }