Start9/start-os
2
0
Fork 0
mirror of https://github.com/Start9Labs/start-os.git synced 2026-03-31 04:23:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix broken styling and improve settings layout

Browse Source
This commit is contained in:
Matt Hill
2026-03-28 22:54:12 -06:00
parent 591e3bec1a
commit 104567e457
2 changed files with 26 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
web/projects/start-tunnel/src/app/routes/home/routes/settings/index.ts
View File

@@ -50,45 +50,32 @@ import { CHANGE_PASSWORD } from './change-password'
</button> </button>
} }
</div> </div>
<div tuiCell> </div>
<span tuiTitle> <div tuiCardLarge [style.align-items]="'start'">
<strong>Change password</strong> <button tuiButton size="s" (click)="onChangePassword()">
</span> Change password
<button tuiButton size="s" (click)="onChangePassword()">Change</button> </button>
</div> <button
<div tuiCell> tuiButton
<span tuiTitle> size="s"
<strong>Restart</strong> iconStart="@tui.rotate-cw"
<span tuiSubtitle>Restart the VPS</span> [loading]="restarting()"
</span> (click)="onRestart()"
<button >
tuiButton Reboot VPS
size="s" </button>
appearance="secondary" <button tuiButton size="s" iconStart="@tui.log-out" (click)="onLogout()">
iconStart="@tui.rotate-cw" Logout
[loading]="restarting()" </button>
(click)="onRestart()"
>
Restart
</button>
</div>
<div tuiCell>
<span tuiTitle>
<strong>Logout</strong>
</span>
<button
tuiButton
size="s"
appearance="secondary-destructive"
iconStart="@tui.log-out"
(click)="onLogout()"
>
Logout
</button>
</div>
</div> </div>
`, `,
styles: ` styles: `
:host {
display: flex;
flex-direction: column;
gap: 1rem;
}
[tuiCardLarge] { [tuiCardLarge] {
background: var(--tui-background-neutral-1); background: var(--tui-background-neutral-1);
@@ -148,9 +135,9 @@ export default class Settings {
await this.api.restart() await this.api.restart()
this.dialogs this.dialogs
.open( .open(
'The VPS is restarting. Please wait 1\u20132 minutes, then refresh the page.', 'The VPS is rebooting. Please wait 1\u20132 minutes, then refresh the page.',
{ {
label: 'Restarting', label: 'Rebooting',
}, },
) )
.subscribe() .subscribe()

2
web/projects/start-tunnel/src/styles.scss
View File

@@ -14,7 +14,7 @@ body {
isolation: isolate; isolation: isolate;
overflow-x: hidden; overflow-x: hidden;
background: background:
conic-gradient(var(--tui-background-base)), linear-gradient(var(--tui-background-base, #171717), var(--tui-background-base, #171717)),
radial-gradient(circle at top right, #5240a8, transparent 40%), radial-gradient(circle at top right, #5240a8, transparent 40%),
radial-gradient(circle at bottom right, #9236c9, transparent), radial-gradient(circle at bottom right, #9236c9, transparent),
radial-gradient(circle at 25% 100%, #5b65d5, transparent 30%), radial-gradient(circle at 25% 100%, #5b65d5, transparent 30%),