Reorder mobile controls
هذا الالتزام موجود في:
@@ -32,19 +32,15 @@ export function Navbar({ language }: { language: Language }) {
|
|||||||
<div className="logo-shell navbar-logo-shell overflow-hidden rounded-[20px] border p-2">
|
<div className="logo-shell navbar-logo-shell overflow-hidden rounded-[20px] border p-2">
|
||||||
<Image
|
<Image
|
||||||
src={sharedProfile.logoImage}
|
src={sharedProfile.logoImage}
|
||||||
alt={language === "ar" ? "\u0634\u0639\u0627\u0631 \u063a\u0631\u064a\u0633 \u0628\u0637\u0631\u0633 \u0633\u0644\u0645\u0648\u0646" : "Grace Butrus Salmoun logo"}
|
alt={language === "ar" ? "شعار غريس بطرس سلمون" : "Grace Butrus Salmoun logo"}
|
||||||
width={60}
|
width={60}
|
||||||
height={60}
|
height={60}
|
||||||
className="navbar-logo-image h-[60px] w-[60px] rounded-[14px] object-contain"
|
className="navbar-logo-image h-[60px] w-[60px] rounded-[14px] object-contain"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div className={`navbar-brand-copy min-w-0 ${dir === "rtl" ? "text-right" : ""}`}>
|
<div className={`navbar-brand-copy min-w-0 ${dir === "rtl" ? "text-right" : ""}`}>
|
||||||
<p className="type-brand display-face hidden text-[var(--color-ink)] sm:block">
|
<p className="type-brand display-face hidden text-[var(--color-ink)] sm:block">{brandName}</p>
|
||||||
{brandName}
|
<p className="type-brand display-face navbar-brand-mobile text-[var(--color-ink)] sm:hidden">{brandName}</p>
|
||||||
</p>
|
|
||||||
<p className="type-brand display-face navbar-brand-mobile text-[var(--color-ink)] sm:hidden">
|
|
||||||
{brandName}
|
|
||||||
</p>
|
|
||||||
<p className="type-label navbar-specialty mt-1 tracking-[0.18em] text-[var(--color-muted)]">
|
<p className="type-label navbar-specialty mt-1 tracking-[0.18em] text-[var(--color-muted)]">
|
||||||
{t.architectureEngineer}
|
{t.architectureEngineer}
|
||||||
</p>
|
</p>
|
||||||
@@ -66,14 +62,14 @@ export function Navbar({ language }: { language: Language }) {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="navbar-mobile-controls flex items-center gap-2 md:hidden">
|
<div className="navbar-mobile-controls flex items-center gap-2 md:hidden">
|
||||||
<LanguageToggle language={language} />
|
|
||||||
<ThemeToggle language={language} />
|
|
||||||
<MobileNav
|
<MobileNav
|
||||||
items={navItems}
|
items={navItems}
|
||||||
dir={dir}
|
dir={dir}
|
||||||
openLabel={language === "ar" ? "فتح القائمة" : "Open menu"}
|
openLabel={language === "ar" ? "فتح القائمة" : "Open menu"}
|
||||||
closeLabel={language === "ar" ? "إغلاق القائمة" : "Close menu"}
|
closeLabel={language === "ar" ? "إغلاق القائمة" : "Close menu"}
|
||||||
/>
|
/>
|
||||||
|
<LanguageToggle language={language} />
|
||||||
|
<ThemeToggle language={language} />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|||||||
المرجع في مشكلة جديدة
حظر مستخدم