style(header): 优化移动端布局和样式

调整 AppLogo 的最小宽度，重构 ArcticNewOneHeader 的网格布局以适应移动端优化 HomeHero 组件的间距和字体大小，提升移动端显示效果
2026-04-27 18:48:17 +08:00
parent afe0dc9492
commit e6e0426d25
3 changed files with 61 additions and 52 deletions
@@ -111,9 +111,8 @@ onBeforeUnmount(() => {
    <div
      v-if="props.showText"
      ref="logoRef"
-      class="relative flex items-center overflow-hidden"
+      class="relative flex items-center overflow-hidden min-w-[70px] md:min-w-[100px]"
      :class="props.compact ? 'h-[1.8rem]' : 'h-10'"
-      style="min-width: 100px;"
    >
      <span class="absolute left-0 text-base font-bold leading-none tracking-wider text-black">{{ t('app.brand') }}</span>
      <span class="absolute left-0 text-xs leading-none text-gray-500 opacity-0 invisible">{{ t('app.name') }}</span>