feat: add logout functionality and redesign desktop client UI for simplified workflow
Add clear_session command to remove session state and profile files from disk. Add resetEnrollment handler in frontend to clear local state and invoke clear_session. Remove hero surface section with profile metadata tiles. Simplify top strip to show profile label in brand copy when enrolled. Add Logout button to top actions and resources sidebar. Redesign status panel with simplified labels and layout. Update surface
This commit is contained in:
@@ -35,7 +35,7 @@ input {
|
||||
width: min(1120px, 100%);
|
||||
margin: 0 auto;
|
||||
display: grid;
|
||||
gap: 22px;
|
||||
gap: 18px;
|
||||
}
|
||||
|
||||
.top-strip {
|
||||
@@ -72,7 +72,6 @@ input {
|
||||
}
|
||||
|
||||
.brand-copy h1,
|
||||
.hero-copy h2,
|
||||
.status-panel h3 {
|
||||
margin: 0;
|
||||
}
|
||||
@@ -120,7 +119,6 @@ input {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.hero-surface,
|
||||
.surface,
|
||||
.status-panel,
|
||||
.login-panel {
|
||||
@@ -130,50 +128,6 @@ input {
|
||||
backdrop-filter: blur(18px);
|
||||
}
|
||||
|
||||
.hero-surface {
|
||||
border-radius: 30px;
|
||||
padding: 28px;
|
||||
display: grid;
|
||||
grid-template-columns: 1.2fr 0.8fr;
|
||||
gap: 20px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.hero-copy {
|
||||
display: grid;
|
||||
gap: 14px;
|
||||
}
|
||||
|
||||
.hero-copy h2 {
|
||||
font-size: clamp(2rem, 4vw, 3.6rem);
|
||||
line-height: 1.04;
|
||||
max-width: 10ch;
|
||||
}
|
||||
|
||||
.hero-copy p {
|
||||
max-width: 56ch;
|
||||
font-size: 1.03rem;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.hero-meta {
|
||||
display: grid;
|
||||
gap: 14px;
|
||||
}
|
||||
|
||||
.meta-tile {
|
||||
padding: 18px;
|
||||
border-radius: 22px;
|
||||
background: linear-gradient(180deg, rgba(117, 227, 186, 0.08), rgba(117, 227, 186, 0.02));
|
||||
border: 1px solid rgba(117, 227, 186, 0.16);
|
||||
}
|
||||
|
||||
.meta-tile strong {
|
||||
display: block;
|
||||
margin-top: 8px;
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
.body-grid {
|
||||
display: grid;
|
||||
grid-template-columns: 1.3fr 0.7fr;
|
||||
@@ -188,6 +142,12 @@ input {
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.status-panel > p {
|
||||
margin: 0;
|
||||
color: #9eb1d1;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.status-top {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -310,7 +270,6 @@ input {
|
||||
}
|
||||
|
||||
@media (max-width: 960px) {
|
||||
.hero-surface,
|
||||
.body-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user