Move admin prompt to fixed footer and adjust layout
This commit is contained in:
@@ -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>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user