fix(belo): improve mobile header layout - stack title above actions on small screens

2026-06-04 11:38:10 -03:00
parent 0915ad1223
commit 824f3a18ab
1 changed files with 2 additions and 2 deletions
--- a/apps/frontend/src/features/belo/BeloPage.tsx
+++ b/apps/frontend/src/features/belo/BeloPage.tsx
@@ -223,9 +223,9 @@ export function BeloPage() {

  return (
    <div className="space-y-6">
-      <div className="flex items-center justify-between">
+      <div className="flex flex-col gap-1 sm:flex-row sm:items-center sm:justify-between">
        <h1 className="text-2xl font-semibold">BELO</h1>
-        <div className="flex items-center gap-3">
+        <div className="flex items-center gap-3 flex-wrap">
          {belo && (
            <span className="text-xs text-muted-foreground">
              Últ. actualización: <RelativeTime date={belo.timeStamp} />