optovia/webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix header alignment: logo and icons same level as input
Some checks failed
Build Docker Image / build (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Ruslan Bakiev
2026-01-22 11:51:10 +07:00
parent a8612c20b5
commit 0dc265c6b4
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/components/navigation/MainNavigation.vue
View File

@@ -2,8 +2,8 @@
<header class="bg-base-100 shadow-md">
<!-- Single row: Logo + Search + Icons -->
<div class="flex items-start px-4 lg:px-6 py-3 gap-4">
<!-- Left: Logo (centered with input) -->
<div class="flex items-center flex-shrink-0 h-12">
<!-- Left: Logo (same height as input for alignment) -->
<div class="flex items-center flex-shrink-0 py-3">
<NuxtLink :to="localePath('/')" class="flex items-center gap-2">
<span class="font-bold text-xl">Optovia</span>
</NuxtLink>
@@ -67,8 +67,8 @@
</div>
</div>
<!-- Right: AI + Globe + Team + User (centered with input) -->
<div class="flex items-center gap-1 flex-shrink-0 h-12">
<!-- Right: AI + Globe + Team + User (same height as input for alignment) -->
<div class="flex items-center gap-1 flex-shrink-0 py-3">
<!-- AI Assistant button -->
<NuxtLink :to="localePath('/clientarea/ai')" class="btn btn-ghost btn-circle btn-sm">
<Icon name="lucide:bot" size="18" />