youssefreda9 commited on
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
Files changed (1) hide show
  1. 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
- <div class="editor-toolbar">
475
- <div class="flex items-center gap-2 flex-wrap">
476
- <button id="write-tab" onclick="switchTab('write')" class="editor-tab active" type="button">كتابة</button>
477
- <button id="summarize-tab" onclick="switchTab('summarize')" class="editor-tab" type="button">تلخيص</button>
478
- <div class="toolbar-separator"></div>
479
- <div class="doc-title-bar">
480
- <span id="doc-current-title" class="doc-current-title">مستند جديد</span>
 
 
 
 
 
 
 
 
481
  </div>
482
- <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">
483
- <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>
484
- </button>
485
- </div>
486
- <div class="flex items-center gap-4 flex-wrap">
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>