fix(ui): адаптировать панели трафика для телефона
This commit is contained in:
1 parent
8ac40ba78a
commit
3dc85a22e9
4 files changed
+43
-14
No files matched your search
@@ -374,7 +374,7 @@ export function FlowAnalyticsDetail({
|
||||
|
||||
return (
|
||||
<>
|
||||
<div className="flex items-start justify-between mb-3 gap-3">
|
||||
<div className="flex flex-wrap items-start justify-between mb-3 gap-3">
|
||||
<div className="flex items-center gap-2 flex-wrap min-w-0">
|
||||
<StatusDot status={card.status} />
|
||||
<h2 className="text-base font-semibold truncate">{card.name}</h2>
|
||||
@@ -383,7 +383,7 @@ export function FlowAnalyticsDetail({
|
||||
{card.site}
|
||||
</span>
|
||||
</div>
|
||||
<div className="flex items-center gap-3 shrink-0">
|
||||
<div className="flex flex-wrap items-center gap-3 min-w-0">
|
||||
<div className="flex items-center gap-2">
|
||||
<Switch
|
||||
disabled={range === "30d"}
|
||||
@@ -417,7 +417,7 @@ export function FlowAnalyticsDetail({
|
||||
Без mesh
|
||||
</Label>
|
||||
</div>
|
||||
<div className="flex gap-1">
|
||||
<div className="flex flex-wrap gap-1">
|
||||
{RANGE_KEYS.filter(r => r !== "30d" || monthlyAvailable).map((r) => (
|
||||
<button
|
||||
key={r}
|
||||
|
||||
Reference in new issue
Block a user