hacklab/OASIS_MOBILE
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix Oasis-Mobile-UX theme not loading on mobile

Browse source 
Load the theme unconditionally on mobile and ship it as the default,
so the mobile styles (scroll fix, hexagons, bottom bar) always apply.
This commit is contained in:
s1to 2026-07-17 17:03:47 +02:00
parent 9ff72a17a0
commit de36b38851
2 changed files with 3 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/configs/oasis-config.json
View file

@ -1,6 +1,6 @@
{ {
"themes": { "themes": {
"current": "OasisMobile" "current": "OasisMobileUX"
}, },
"ux": { "ux": {
"current": "blocks" "current": "blocks"

4
src/views/main_views.js
View file

@ -1300,7 +1300,7 @@ const template = (titlePrefix, ...elements) => {
const theme = currentConfig.themes.current || "Dark-SNH"; const theme = currentConfig.themes.current || "Dark-SNH";
const uxMode = currentConfig.ux?.current === "ainav" ? "ainav" : "blocks"; const uxMode = currentConfig.ux?.current === "ainav" ? "ainav" : "blocks";
const baseTheme = theme === "OasisMobileUX" ? "Dark-SNH" : theme; const baseTheme = theme === "OasisMobileUX" ? "Dark-SNH" : theme;
const mobileUXActive = process.env.OASIS_MOBILE === '1' ? theme !== "OasisMobile" : theme === "OasisMobileUX"; const mobileUXActive = (process.env.OASIS_MOBILE === '1') || (theme === "OasisMobileUX");
const mobileUXLink = mobileUXActive const mobileUXLink = mobileUXActive
? link({ rel: "stylesheet", href: "/assets/themes/OasisMobileUX.css", ...(process.env.OASIS_MOBILE === '1' ? {} : { media: "(max-width: 768px)" }) }) ? link({ rel: "stylesheet", href: "/assets/themes/OasisMobileUX.css", ...(process.env.OASIS_MOBILE === '1' ? {} : { media: "(max-width: 768px)" }) })
: ""; : "";
@ -1632,7 +1632,7 @@ exports.ainavHomeView = ({ recentTags = [] } = {}) => {
const currentConfig = getConfig(); const currentConfig = getConfig();
const theme = currentConfig.themes.current || "Dark-SNH"; const theme = currentConfig.themes.current || "Dark-SNH";
const baseTheme = theme === "OasisMobileUX" ? "Dark-SNH" : theme; const baseTheme = theme === "OasisMobileUX" ? "Dark-SNH" : theme;
const mobileUXActive = process.env.OASIS_MOBILE === '1' ? theme !== "OasisMobile" : theme === "OasisMobileUX"; const mobileUXActive = (process.env.OASIS_MOBILE === '1') || (theme === "OasisMobileUX");
const mobileUXLink = mobileUXActive const mobileUXLink = mobileUXActive
? link({ rel: "stylesheet", href: "/assets/themes/OasisMobileUX.css", ...(process.env.OASIS_MOBILE === '1' ? {} : { media: "(max-width: 768px)" }) }) ? link({ rel: "stylesheet", href: "/assets/themes/OasisMobileUX.css", ...(process.env.OASIS_MOBILE === '1' ? {} : { media: "(max-width: 768px)" }) })
: ""; : "";