diff --git a/index.html b/index.html index 0d5e547..fc19893 100644 --- a/index.html +++ b/index.html @@ -7,12 +7,30 @@

NASMIX

مشاريع التوزيع الموسيقي

جاري تحميل البيانات…
-
+
01 Song Brief02 Structure03 Track Plan04 Suno Reference05 Generate06 Review07 Cubase08 Mix09 Export
التقدم0 / 9

أدخل بيانات الأغنية لفتح المشروع

تهيئة المشروع…

-
- -
+
+ + + + + + + + + + + + + + +
+ + + + +
القرار المقترح

—

برومبت Suno الكامل

احفظه داخل مشروع الأغنية من مرحلة التوليد.

الوصف الموسيقي

عقد العزل

🔒

Exclude

CategoryCustom
Weirdness10%
Style Influence100%
Audio Influence0%

diff --git a/sw.js b/sw.js index c97e9ad..cb23d56 100644 --- a/sw.js +++ b/sw.js @@ -1,6 +1,6 @@ -const CACHE_NAME = "nasmix-shell-v6"; +const CACHE_NAME = "nasmix-shell-v7"; const APP_SHELL = [ - "./","./index.html","./ui/styles.css","./ui/prompt-safety.css","./ui/app.js", + "./","./index.html","./ui/styles.css","./ui/prompt-safety.css","./ui/compact-brief.css","./ui/app.js", "./ui/project-store.js","./ui/song-brief.js","./ui/project-workspace.js","./ui/project-bootstrap.js", "./data/catalog.json","./data/presets-acoustic.json","./data/presets-modern.json","./data/project-schema.json", "./data/knowledge/manifest.json","./data/knowledge/reliability.json","./data/knowledge/evidence-registry.json", diff --git a/ui/compact-brief.css b/ui/compact-brief.css new file mode 100644 index 0000000..9672a0a --- /dev/null +++ b/ui/compact-brief.css @@ -0,0 +1,98 @@ +.compact-brief { + display: grid; + grid-template-columns: repeat(12, minmax(0, 1fr)); + gap: 8px; + padding-top: 12px; + border-top: 1px solid var(--line); + align-items: end; +} + +.compact-brief .brief-field { + grid-column: span 3; + min-width: 0; + gap: 5px; + padding: 8px; + border: 1px solid var(--line); + border-radius: 12px; + background: var(--input); +} + +.compact-brief .brief-field-wide { grid-column: span 6; } +.compact-brief .brief-field-xs { grid-column: span 2; } + +.compact-brief .brief-field > span { + color: var(--muted); + font-size: 11px; + line-height: 1; +} + +.compact-brief input, +.compact-brief select { + min-height: 34px; + padding: 6px 8px; + border-radius: 8px; + background: var(--panel); + font-size: 12px; +} + +.compact-brief input[type="number"], +.compact-brief #briefDuration, +.compact-brief #briefKey, +.compact-brief #briefTimeSignature { + direction: ltr; + text-align: center; +} + +.project-panel { + padding: 12px; +} + +.project-toolbar { + align-items: center; +} + +.project-selector-group label { + gap: 4px; + font-size: 11px; +} + +.project-selector-group input, +.project-selector-group select { + min-height: 36px; + padding: 7px 9px; +} + +.project-actions button, +.project-actions .file-button { + min-height: 36px; + padding: 7px 11px; + font-size: 12px; +} + +.stage-strip { + padding: 10px 0 8px; +} + +.project-summary { + padding: 7px 0 9px; +} + +@media (max-width: 1000px) { + .compact-brief .brief-field { grid-column: span 4; } + .compact-brief .brief-field-wide { grid-column: span 8; } + .compact-brief .brief-field-xs { grid-column: span 2; } +} + +@media (max-width: 760px) { + .compact-brief { grid-template-columns: repeat(6, minmax(0, 1fr)); } + .compact-brief .brief-field { grid-column: span 3; } + .compact-brief .brief-field-wide { grid-column: span 6; } + .compact-brief .brief-field-xs { grid-column: span 2; } +} + +@media (max-width: 520px) { + .compact-brief { grid-template-columns: repeat(2, minmax(0, 1fr)); } + .compact-brief .brief-field, + .compact-brief .brief-field-wide { grid-column: span 2; } + .compact-brief .brief-field-xs { grid-column: span 1; } +} diff --git a/ui/prompt-safety.css b/ui/prompt-safety.css index 4b34e94..37e73e5 100644 --- a/ui/prompt-safety.css +++ b/ui/prompt-safety.css @@ -1,3 +1,5 @@ +@import url("compact-brief.css"); + .full-prompt-card { border-color: color-mix(in srgb, var(--ok) 55%, var(--line)); box-shadow: 0 0 0 1px var(--ok-soft); @@ -46,4 +48,4 @@ .full-prompt-card textarea { min-height: 260px; } -} +} \ No newline at end of file