diff --git a/web/projects/start-tunnel/src/app/routes/home/routes/settings/index.ts b/web/projects/start-tunnel/src/app/routes/home/routes/settings/index.ts
index 176b8f804..6019797b3 100644
--- a/web/projects/start-tunnel/src/app/routes/home/routes/settings/index.ts
+++ b/web/projects/start-tunnel/src/app/routes/home/routes/settings/index.ts
@@ -50,45 +50,32 @@ import { CHANGE_PASSWORD } from './change-password'
}
-
-
- Change password
-
-
-
-
-
- Restart
- Restart the VPS
-
-
-
-
-
- Logout
-
-
-
+
+
+
+
+
`,
styles: `
+ :host {
+ display: flex;
+ flex-direction: column;
+ gap: 1rem;
+ }
+
[tuiCardLarge] {
background: var(--tui-background-neutral-1);
@@ -148,9 +135,9 @@ export default class Settings {
await this.api.restart()
this.dialogs
.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()
diff --git a/web/projects/start-tunnel/src/styles.scss b/web/projects/start-tunnel/src/styles.scss
index 85cfb90c2..383036d41 100644
--- a/web/projects/start-tunnel/src/styles.scss
+++ b/web/projects/start-tunnel/src/styles.scss
@@ -14,7 +14,7 @@ body {
isolation: isolate;
overflow-x: hidden;
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 bottom right, #9236c9, transparent),
radial-gradient(circle at 25% 100%, #5b65d5, transparent 30%),