mirror/api
1
0
Fork 0
mirror of https://github.com/unraid/api.git synced 2026-01-08 17:49:59 -06:00
Code Issues Packages Projects Releases Wiki Activity

fix(theme): adjust logo overlap on azure/gray themes on unraid versions < 7.1

Browse Source
This commit is contained in:
Ajit Mehrotra
2025-12-23 14:47:48 -05:00
parent 5628bf9a0e
commit 2f88228937
1 changed files with 18 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
web/src/components/HeaderOsVersion.standalone.vue
View File

@@ -39,7 +39,24 @@ const { copyWithNotification } = useClipboardWithToast();
onMounted(() => {
nextTick(() => {
const logoWrapper = document.querySelector('.logo');
logoWrapper?.classList.remove('logo');
if (logoWrapper) {
logoWrapper.classList.remove('logo');
// Fix for header overlap on Azure/Gray themes in Unraid 7.0
// These themes have a sidebar and require an offset which was provided by the .logo class
const isAzureOrGray = !!document.querySelector(
'link[href*="-azure.css"], link[href*="-gray.css"]'
);
const version = parseFloat(osVersion.value || '0');
// Apply offset only for versions < 7.1 and affected themes
// We check > 0 to ensure we have a valid version loaded
if (version > 0 && version < 7.1 && isAzureOrGray) {
(logoWrapper as HTMLElement).style.float = 'left';
(logoWrapper as HTMLElement).style.marginLeft = '75px';
}
}
});
});