fix(frontend): complete i18n coverage and responsive layouts

This commit is contained in:
elky
2026-09-07 08:54:19 +08:00
parent 14f96c9fa0
commit b599fb7354
78 changed files with 4809 additions and 1485 deletions
@@ -1,11 +1,11 @@
<template>
<div class="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
<div class="flex-1">
<div class="flex items-center gap-3">
<div class="min-w-0 flex-1">
<div class="flex min-w-0 items-center gap-3">
<slot name="icon">
<div
v-if="icon"
class="flex h-10 w-10 items-center justify-center rounded-xl bg-primary/10"
class="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-primary/10"
>
<component
:is="icon"
@@ -14,13 +14,13 @@
</div>
</slot>
<div>
<h1 class="text-2xl font-semibold text-foreground sm:text-3xl">
<div class="min-w-0">
<h1 class="break-words text-2xl font-semibold text-foreground sm:text-3xl">
{{ title }}
</h1>
<p
v-if="description"
class="mt-1 text-sm text-muted-foreground"
class="mt-1 break-words text-sm text-muted-foreground"
>
{{ description }}
</p>
@@ -30,7 +30,7 @@
<div
v-if="$slots.actions"
class="flex items-center gap-2"
class="flex min-w-0 flex-wrap items-center gap-2 sm:max-w-[50%] sm:justify-end"
>
<slot name="actions" />
</div>