Commit ·
c2845d9
1
Parent(s): bc3796a
UI: Remove footer logo + restructure editor toolbar - Footer: removed ب gradient icon, just shows 'بيان' text - Editor toolbar: save btn + doc name + كتابة/تلخيص all on left side - Analyzing indicator stays on right side
Browse files- src/index.html +20 -21
src/index.html
CHANGED
|
@@ -471,29 +471,29 @@
|
|
| 471 |
<!-- CENTER: Main Editor -->
|
| 472 |
<div>
|
| 473 |
<div class="editor-shell">
|
| 474 |
-
|
| 475 |
-
|
| 476 |
-
|
| 477 |
-
|
| 478 |
-
|
| 479 |
-
|
| 480 |
-
<
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 481 |
</div>
|
| 482 |
-
<
|
| 483 |
-
<
|
| 484 |
-
|
| 485 |
-
|
| 486 |
-
|
| 487 |
-
<div id="analyzing-indicator" class="analyzing-indicator" aria-live="polite">
|
| 488 |
-
<span class="analyzing-spinner" aria-hidden="true"></span>
|
| 489 |
-
<span>جاري التحليل...</span>
|
| 490 |
</div>
|
| 491 |
-
<span id="auto-save-status" class="text-xs text-secondary" style="opacity:0;transition:opacity 0.3s;"></span>
|
| 492 |
-
<button id="doc-save-btn" class="doc-save-btn-icon btn-ghost" type="button" aria-label="حفظ المستند" title="حفظ">
|
| 493 |
-
<svg width="16" height="16" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-3m-1 4l-3 3m0 0l-3-3m3 3V4"/></svg>
|
| 494 |
-
</button>
|
| 495 |
</div>
|
| 496 |
-
</div>
|
| 497 |
<!-- Formatting Toolbar -->
|
| 498 |
<div class="format-toolbar" id="format-toolbar">
|
| 499 |
<!-- Font group -->
|
|
@@ -873,7 +873,6 @@
|
|
| 873 |
<div class="grid grid-cols-1 md:grid-cols-3 gap-12 mb-12" dir="rtl">
|
| 874 |
<div>
|
| 875 |
<div class="flex items-center gap-3 mb-4">
|
| 876 |
-
<div class="w-10 h-10 rounded-xl flex items-center justify-center gradient-accent"><span class="text-white text-xl font-bold">ب</span></div>
|
| 877 |
<span id="footer-brand" class="text-2xl font-bold text-gradient">بيان</span>
|
| 878 |
</div>
|
| 879 |
<p class="text-sm leading-relaxed" style="color: var(--text-secondary); line-height: 1.8;">مساعد ذكي للكتابة العربية. يصحح الإملاء والنحو وعلامات الترقيم ويُلخّص النصوص بدقة عالية.</p>
|
|
|
|
| 471 |
<!-- CENTER: Main Editor -->
|
| 472 |
<div>
|
| 473 |
<div class="editor-shell">
|
| 474 |
+
<div class="editor-toolbar" style="flex-direction: row-reverse;">
|
| 475 |
+
<div class="flex items-center gap-2 flex-wrap">
|
| 476 |
+
<button id="doc-save-btn" class="doc-save-btn-icon btn-ghost" type="button" aria-label="حفظ المستند" title="حفظ">
|
| 477 |
+
<svg width="16" height="16" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-3m-1 4l-3 3m0 0l-3-3m3 3V4"/></svg>
|
| 478 |
+
</button>
|
| 479 |
+
<span id="auto-save-status" class="text-xs text-secondary" style="opacity:0;transition:opacity 0.3s;"></span>
|
| 480 |
+
<div class="doc-title-bar">
|
| 481 |
+
<span id="doc-current-title" class="doc-current-title">مستند جديد</span>
|
| 482 |
+
</div>
|
| 483 |
+
<div class="toolbar-separator"></div>
|
| 484 |
+
<button id="write-tab" onclick="switchTab('write')" class="editor-tab active" type="button">كتابة</button>
|
| 485 |
+
<button id="summarize-tab" onclick="switchTab('summarize')" class="editor-tab" type="button">تلخيص</button>
|
| 486 |
+
<button id="docs-sidebar-toggle" class="docs-sidebar-toggle-mobile btn-ghost lg:hidden" type="button" aria-label="مستنداتي" aria-expanded="false" aria-controls="docs-sidebar">
|
| 487 |
+
<svg width="18" height="18" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"/></svg>
|
| 488 |
+
</button>
|
| 489 |
</div>
|
| 490 |
+
<div class="flex items-center gap-4 flex-wrap">
|
| 491 |
+
<div id="analyzing-indicator" class="analyzing-indicator" aria-live="polite">
|
| 492 |
+
<span class="analyzing-spinner" aria-hidden="true"></span>
|
| 493 |
+
<span>جاري التحليل...</span>
|
| 494 |
+
</div>
|
|
|
|
|
|
|
|
|
|
| 495 |
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
| 496 |
</div>
|
|
|
|
| 497 |
<!-- Formatting Toolbar -->
|
| 498 |
<div class="format-toolbar" id="format-toolbar">
|
| 499 |
<!-- Font group -->
|
|
|
|
| 873 |
<div class="grid grid-cols-1 md:grid-cols-3 gap-12 mb-12" dir="rtl">
|
| 874 |
<div>
|
| 875 |
<div class="flex items-center gap-3 mb-4">
|
|
|
|
| 876 |
<span id="footer-brand" class="text-2xl font-bold text-gradient">بيان</span>
|
| 877 |
</div>
|
| 878 |
<p class="text-sm leading-relaxed" style="color: var(--text-secondary); line-height: 1.8;">مساعد ذكي للكتابة العربية. يصحح الإملاء والنحو وعلامات الترقيم ويُلخّص النصوص بدقة عالية.</p>
|