ReVanced/revanced-website
1
0
Fork 0
mirror of https://github.com/ReVanced/revanced-website.git synced 2026-01-11 13:46:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: Prevent FOUC and repetitive setting of about info

Browse Source
This commit is contained in:
Ushie
2025-07-03 02:45:00 +03:00
parent 4dfb3a2526
commit ebe9523041
5 changed files with 5 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app.html
View File

@@ -21,7 +21,7 @@
%sveltekit.head% %sveltekit.head%
</head> </head>
<body> <body style="background-color: var(--background-one)">
<div style="display: contents">%sveltekit.body%</div> <div style="display: contents">%sveltekit.body%</div>
</body> </body>
</html> </html>

1
src/app.scss
View File

@@ -23,7 +23,6 @@ html {
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
background-color: var(--background-one);
} }
html, html,

6
src/data/api/settings.ts
View File

@@ -16,8 +16,6 @@ export function api_base_url(): string {
if (browser) { if (browser) {
const apiUrl = localStorage.getItem(URL_KEY) || default_api_url; const apiUrl = localStorage.getItem(URL_KEY) || default_api_url;
set_about_info(apiUrl);
return apiUrl; return apiUrl;
} }
@@ -46,11 +44,11 @@ export function set_api_base_url(url?: string) {
localStorage.removeItem(URL_KEY); localStorage.removeItem(URL_KEY);
} else { } else {
localStorage.setItem(URL_KEY, url); localStorage.setItem(URL_KEY, url);
set_about_info(url);
} }
set_about_info(api_base_url());
} }
function set_about_info(apiUrl: string) { export function set_about_info(apiUrl: string) {
if (!localStorage.getItem(STATUS_KEY) || !localStorage.getItem(EMAIL_KEY)) { if (!localStorage.getItem(STATUS_KEY) || !localStorage.getItem(EMAIL_KEY)) {
fetch(`${apiUrl}/v4/about`) fetch(`${apiUrl}/v4/about`)
.then((response) => (response.ok ? response.json() : null)) .then((response) => (response.ok ? response.json() : null))

1
src/layout/Footer/FooterHost.svelte
View File

@@ -78,7 +78,6 @@
<style lang="scss"> <style lang="scss">
footer { footer {
background-color: var(--background-one);
max-width: min(87%, 100rem); max-width: min(87%, 100rem);
padding: 5rem 0rem; padding: 5rem 0rem;
margin: 0 auto; margin: 0 auto;

2
src/routes/+layout.svelte
View File

@@ -24,6 +24,7 @@
import { events as themeEvents } from '$util/themeEvents'; import { events as themeEvents } from '$util/themeEvents';
import FooterHost from '$layout/Footer/FooterHost.svelte'; import FooterHost from '$layout/Footer/FooterHost.svelte';
import { api_base_url, set_about_info } from '$data/api/settings';
const queryClient = new QueryClient({ const queryClient = new QueryClient({
defaultOptions: { defaultOptions: {
@@ -50,6 +51,7 @@
); );
onMount(() => { onMount(() => {
set_about_info(api_base_url());
new DateTriggerEventHandler(themeEvents); new DateTriggerEventHandler(themeEvents);
isRestoring.set(true); isRestoring.set(true);