Skip to content
View in the app

A better way to browse. Learn more.

Unraid

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Unraid Dashboard fails to render properly at high resolution

  • Annoyance

This is for the dashboard page - @4k resolution


Simply at the top of the css (for example default-gray.css)

@media (max-width:1280px){#template{min-width:1260px;max-width:1260px;margin:0}}
@media (min-width:1281px){#template{min-width:1260px;margin:0}}
@media (min-width:1921px){#template{min-width:1260px;max-width:1920px;margin:0 auto}}

 

Add something like this below it (basically, just allow for resolutions (much) larger than 1920-


 

@media (min-width:2880px){#template{min-width:2200px;max-width:2400px;margin:0 auto}}
@media (min-width:3160px){#template{min-width:2800px;max-width:3000px;margin:0 auto}}
@media (min-width:4200px){#template{min-width:3700px;max-width:4000px;margin:0 auto}}

Pick your numbers appropriately, but there need to be larger templates.  I cant recall the values I specifically used, they should be based on standard resolutions I guess, but should permit 2K, 4K/1.5, 4K/1.25, 4K, 8K/1.5, 8K/1.25

 

If the above numbers dont make sense, they are for native resolutions in hardware, and OS based scaling  factors.  8K/2 = 4k and 4K/2=2k so the 2.0 scaling can be neglected.  It gets more complicated with the browser scaling, but just permitting X dimensions larger than 1920 fixes everything.

 

Otherwise the third column falls underneath (and to the right) of the middle column due to the other flexible rendering options.  

 

I played with this for a long time, and this is the simple fix.

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.