fix(belo): improve mobile header layout - stack title above actions on small screens
This commit is contained in:
@@ -223,9 +223,9 @@ export function BeloPage() {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="space-y-6">
|
<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>
|
<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 && (
|
{belo && (
|
||||||
<span className="text-xs text-muted-foreground">
|
<span className="text-xs text-muted-foreground">
|
||||||
Últ. actualización: <RelativeTime date={belo.timeStamp} />
|
Últ. actualización: <RelativeTime date={belo.timeStamp} />
|
||||||
|
|||||||
Reference in New Issue
Block a user