fix: improve performance details modal mobile responsiveness
This commit is contained in:
@@ -195,7 +195,7 @@ export function PresetDetailModal({
|
|||||||
{/* Two-column body */}
|
{/* Two-column body */}
|
||||||
<div className="flex flex-col md:flex-row overflow-hidden flex-1">
|
<div className="flex flex-col md:flex-row overflow-hidden flex-1">
|
||||||
{/* Left panel */}
|
{/* Left panel */}
|
||||||
<div className="w-full md:w-1/3 md:min-w-[240px] flex flex-col gap-4 p-5 border-b md:border-b-0 md:border-r border-border overflow-y-auto">
|
<div className="w-full md:w-1/3 md:min-w-[240px] flex flex-col gap-3 md:gap-4 p-4 md:p-5 border-b md:border-b-0 md:border-r border-border overflow-y-auto">
|
||||||
{/* User info */}
|
{/* User info */}
|
||||||
<div className="flex items-center gap-3">
|
<div className="flex items-center gap-3">
|
||||||
<div className="h-10 w-10 rounded-full bg-text/10 overflow-hidden flex items-center justify-center shrink-0">
|
<div className="h-10 w-10 rounded-full bg-text/10 overflow-hidden flex items-center justify-center shrink-0">
|
||||||
@@ -457,10 +457,10 @@ export function PresetDetailModal({
|
|||||||
<table className="w-full text-sm">
|
<table className="w-full text-sm">
|
||||||
<thead className="bg-text/3">
|
<thead className="bg-text/3">
|
||||||
<tr>
|
<tr>
|
||||||
<th className="text-left px-3 py-2 text-xs font-medium uppercase tracking-wider text-text/50">
|
<th className="text-left px-2 py-1.5 md:px-3 md:py-2 text-xs font-medium uppercase tracking-wider text-text/50">
|
||||||
Setting
|
Setting
|
||||||
</th>
|
</th>
|
||||||
<th className="text-right px-3 py-2 text-xs font-medium uppercase tracking-wider text-text/50">
|
<th className="text-right px-2 py-1.5 md:px-3 md:py-2 text-xs font-medium uppercase tracking-wider text-text/50">
|
||||||
Value
|
Value
|
||||||
</th>
|
</th>
|
||||||
</tr>
|
</tr>
|
||||||
@@ -471,10 +471,10 @@ export function PresetDetailModal({
|
|||||||
key={sIdx}
|
key={sIdx}
|
||||||
className="border-t border-border"
|
className="border-t border-border"
|
||||||
>
|
>
|
||||||
<td className="px-3 py-2 text-text/70">
|
<td className="px-2 py-1.5 md:px-3 md:py-2 text-text/70">
|
||||||
{setting.title}
|
{setting.title}
|
||||||
</td>
|
</td>
|
||||||
<td className="px-3 py-2 text-right font-medium text-text">
|
<td className="px-2 py-1.5 md:px-3 md:py-2 text-right font-medium text-text">
|
||||||
{formatValue(setting.value)}
|
{formatValue(setting.value)}
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|||||||
Reference in New Issue
Block a user