Move admin prompt to fixed footer and adjust layout

This commit is contained in:
2026-07-08 13:47:57 +03:00
parent 838dea0e03
commit 32ee151a31
2 changed files with 66 additions and 27 deletions

View File

@@ -228,6 +228,7 @@ export function App() {
[appliedSnapshot, currentSnapshot],
);
const hasUnappliedChanges = pendingChanges.length > 0;
const hasAdminPrompt = Boolean(adminStatus?.canRestartElevated);
const shellStyle = hasUnappliedChanges
? ({ '--change-row-count': String(pendingChanges.length) } as CSSProperties)
: undefined;
@@ -964,16 +965,16 @@ export function App() {
}
function renderAdminPrompt() {
if (!adminStatus?.canRestartElevated) return null;
if (!hasAdminPrompt) return null;
return (
<aside className="admin-prompt" aria-label="Права администратора">
<span className="admin-prompt-icon" aria-hidden="true">
<ShieldAlert size={18} strokeWidth={1.9} />
<ShieldAlert size={15} strokeWidth={1.9} />
</span>
<div className="admin-prompt-copy">
<strong>Один запрос прав вместо серии UAC</strong>
<span>{adminStatus.message}</span>
<strong>Права администратора</strong>
<span>{adminStatus?.message}</span>
</div>
<Button
type="button"
@@ -1646,7 +1647,14 @@ export function App() {
}
return (
<main className={`simple-shell ${hasUnappliedChanges ? 'has-change-dock' : ''}`} style={shellStyle}>
<main
className={[
'simple-shell',
hasUnappliedChanges ? 'has-change-dock' : '',
hasAdminPrompt ? 'has-admin-prompt' : '',
].filter(Boolean).join(' ')}
style={shellStyle}
>
<section className="simple-panel">
<header className="simple-header">
<div>
@@ -1666,7 +1674,6 @@ export function App() {
</header>
{renderTabs()}
{renderAdminPrompt()}
<div className={`tab-panel-frame swipe-${tabTransitionDirection}`} key={activePanel}>
{renderActivePanel()}
</div>
@@ -1681,6 +1688,7 @@ export function App() {
onToggle={() => setIsLogOpen((current) => !current)}
formatTime={formatLogTime}
/>
{renderAdminPrompt()}
</main>
);
}