fix: полный production-фикс fix40 (layout, sidebar, journald, логирование)

apps/frontend/src/layout/components/Navbar.vue

@@ -53,7 +53,7 @@ function logout() {
   <!-- Верхняя навигационная панель -->
   <div class="navbar">
     <!-- Хлебные крошки слева -->
-    <div class="flex">
+    <div class="navbar-left">
       <hamburger
         :is-active="appStore.sidebar.opened"
         @toggleClick="toggleSideBar"
@@ -62,7 +62,7 @@ function logout() {
     </div>
 
     <!-- Настройки навигации справа -->
-    <div class="flex">
+    <div class="navbar-actions">
       <!-- Настройки навигации, скрытые на узком экране -->
       <div class="setting-container" v-if="device !== 'mobile'">
         <!-- Полноэкранный режим -->
@@ -71,30 +71,28 @@ function logout() {
             :icon-class="isFullscreen ? 'exit-fullscreen' : 'fullscreen'"
           />
         </div>
-        <!-- Размер интерфейса -->
-        <el-tooltip content="Размер интерфейса" effect="dark" placement="bottom">
-          <size-select class="setting-item" />
-        </el-tooltip>
         <!-- Выбор языка -->
         <lang-select class="setting-item" />
       </div>
 
       <!-- Аватар пользователя -->
-      <el-dropdown trigger="click">
-        <div class="avatar-container">
-          <el-avatar :size="32" class="avatar-icon">
-            <i-ep-user-filled />
-          </el-avatar>
-          <i-ep-caret-bottom class="w-3 h-3" />
-        </div>
-        <template #dropdown>
-          <el-dropdown-menu>
-            <el-dropdown-item @click="logout">
-              {{ $t("navbar.logout") }}
-            </el-dropdown-item>
-          </el-dropdown-menu>
-        </template>
-      </el-dropdown>
+      <div class="avatar-dropdown">
+        <el-dropdown trigger="click">
+          <div class="avatar-container">
+            <el-avatar :size="32" class="avatar-icon">
+              <i-ep-user-filled />
+            </el-avatar>
+            <i-ep-caret-bottom class="w-3 h-3" />
+          </div>
+          <template #dropdown>
+            <el-dropdown-menu>
+              <el-dropdown-item @click="logout">
+                {{ $t("navbar.logout") }}
+              </el-dropdown-item>
+            </el-dropdown-menu>
+          </template>
+        </el-dropdown>
+      </div>
     </div>
   </div>
 </template>
@@ -108,17 +106,24 @@ function logout() {
   background-color: #fff;
   box-shadow: 0 0 1px #0003;
 
-  .setting-container {
+  .navbar-left,
+  .navbar-actions,
+  .setting-container,
+  .avatar-dropdown {
     display: flex;
     align-items: center;
+    height: 100%;
+  }
 
+  .setting-container {
     .setting-item {
-      display: inline-block;
+      display: flex;
+      align-items: center;
+      justify-content: center;
       width: 30px;
       height: 50px;
-      line-height: 50px;
+      line-height: normal;
       color: #5a5e66;
-      text-align: center;
       cursor: pointer;
 
       &:hover {
@@ -132,8 +137,8 @@ function logout() {
     align-items: center;
     justify-content: center;
     gap: 6px;
-    height: 36px;
-    margin: 0 8px;
+    height: 50px;
+    margin: 0;
     padding: 0 8px;
     border-radius: 8px;
     cursor: pointer;

apps/frontend/src/layout/index.vue

@@ -110,7 +110,7 @@ function handleOutsideClick() {
 }
 
 .hideSidebar .fixed-header {
-  width: calc(100% - 54px);
+  width: calc(100% - #{$sideBarCollapsedWidth});
 }
 
 .mobile .fixed-header {