From e9ed5188f53934fe3b8475d345e41ef94313a242 Mon Sep 17 00:00:00 2001 From: Noklef <281545466+Noklef@users.noreply.github.com> Date: Fri, 7 Aug 2026 23:45:59 +1000 Subject: [PATCH] fix(web-ui): Welcome page styling (#5466) --- src_assets/common/assets/web/NavbarSimple.vue | 20 +++++ src_assets/common/assets/web/ResourceCard.vue | 1 - src_assets/common/assets/web/logout.html | 4 +- .../assets/web/public/assets/locale/en.json | 1 - src_assets/common/assets/web/welcome.html | 80 ++++++++++--------- 5 files changed, 67 insertions(+), 39 deletions(-) create mode 100644 src_assets/common/assets/web/NavbarSimple.vue diff --git a/src_assets/common/assets/web/NavbarSimple.vue b/src_assets/common/assets/web/NavbarSimple.vue new file mode 100644 index 00000000..82a9ca08 --- /dev/null +++ b/src_assets/common/assets/web/NavbarSimple.vue @@ -0,0 +1,20 @@ + + + diff --git a/src_assets/common/assets/web/ResourceCard.vue b/src_assets/common/assets/web/ResourceCard.vue index eff92ada..581a9c07 100644 --- a/src_assets/common/assets/web/ResourceCard.vue +++ b/src_assets/common/assets/web/ResourceCard.vue @@ -2,7 +2,6 @@

{{ $t('resource_card.resources') }}

-

{{ $t('resource_card.resources_desc') }}

diff --git a/src_assets/common/assets/web/logout.html b/src_assets/common/assets/web/logout.html index 81d6081d..2e6325cf 100644 --- a/src_assets/common/assets/web/logout.html +++ b/src_assets/common/assets/web/logout.html @@ -6,12 +6,12 @@ +
- Sunshine

{{ $t('logout.logged_out') }}

{{ $t('logout.logged_out_desc') }}

 @@ -29,12 +29,14 @@ import { initApp } from './init' import { loadAutoTheme } from './theme' import { LogIn } from '@lucide/vue' + import NavbarSimple from './NavbarSimple.vue' loadAutoTheme(); const app = createApp({ components: { LogIn, + NavbarSimple, }, }); diff --git a/src_assets/common/assets/web/public/assets/locale/en.json b/src_assets/common/assets/web/public/assets/locale/en.json index 1c0b949c..8bb1005c 100644 --- a/src_assets/common/assets/web/public/assets/locale/en.json +++ b/src_assets/common/assets/web/public/assets/locale/en.json @@ -523,7 +523,6 @@ "license": "License", "lizardbyte_website": "LizardByte Website", "resources": "Resources", - "resources_desc": "Resources for Sunshine!", "third_party_notice": "Third Party Notice" }, "troubleshooting": { diff --git a/src_assets/common/assets/web/welcome.html b/src_assets/common/assets/web/welcome.html index 394f7120..7d8d7cc3 100644 --- a/src_assets/common/assets/web/welcome.html +++ b/src_assets/common/assets/web/welcome.html @@ -6,44 +6,43 @@ + -
-
-
-
-

- - {{ $t('welcome.greeting') }} -

-
-

{{ $t('welcome.create_creds') }}

-
- {{ $t('welcome.create_creds_alert') }} +
+

{{ $t('welcome.greeting') }}

+

{{ $t('welcome.create_creds') }}

+
+
+
+
+ {{ $t('welcome.create_creds_alert') }} +
+
+
+ + +
+
+ + +
+
+ + +
+ +
{{ $t('_common.error') }} {{error}}
+
+ {{ $t('_common.success') }} {{ $t('welcome.welcome_success') }} +
+
-
-
- - -
-
- - -
-
- - -
- -
{{ $t('_common.error') }} {{error}}
-
- {{ $t('_common.success') }} {{ $t('welcome.welcome_success') }} -
-
@@ -58,11 +57,18 @@ import { initApp } from './init' import { apiFetch } from './fetch_utils' import Notification from './Notification.vue' + import NavbarSimple from './NavbarSimple.vue' + import { loadAutoTheme } from './theme' + import { LogIn } from '@lucide/vue' + + loadAutoTheme(); let app = createApp({ components: { ResourceCard, Notification, + NavbarSimple, + LogIn, }, data() { return { @@ -109,3 +115,5 @@ initApp(app); + +