Back when UWP was all the rage, there was an update whereby the layout of native controls would automatically conform to high-density or low-density, depending on whether the app was being run on a tablet or Windows Phone, versus on the desktop.

I was wondering if the same could be done with MudBlazor (or Blazor WASM in general).

Essentially I just want to know if the user is interacting with the page with their finger (i.e. no mouse attached), and if so, use the normal low-density layout, like so:

Then in desktop scenarios (mouse & keyboard), collapse the bulk of the unnecessary margins for a more compact layout:

I understand that there are plenty of media queries built into MudBlazor, but that seems based solely on screen size, so that wouldn’t be a suitable basis for selecting high-density. If the user had a giant tablet, I would still want low-density for touch operation.

Is this doable?