Homarr•12mo ago

Reduce row height

Hello! I am attempting to reduce the row height and have the app-tiles appear rectangular instead of square. I have found that setting height and min-height for .dashboard-gs-category is getting me less-high accordions for the categories, but I can't quite pin down how to make the app tiles less tall as well. Targeting .dashboard-gs-generic-item changes the height of other widgets, like the calendar, and .dashboard-tile-app does nothing. Any suggestions? Things I've tried: This works for shorter category accordions:

.dashboard-gs-category {
  height: 140px;
  min-height: 140px;
}

.dashboard-gs-category {
  height: 140px;
  min-height: 140px;
}

This makes everything shorter, including widgets, which is not preferred:

.dashboard-gs-generic-item {
  height: 80px;
  min-height: 80px;
}

.dashboard-gs-generic-item {
  height: 80px;
  min-height: 80px;
}

This does nothing, unfortunately:

.dashboard-tile-app {
  height: 80px;
  min-height: 80px;
}

.dashboard-tile-app {
  height: 80px;
  min-height: 80px;
}

4 Replies

explosive parrot•12mo ago

Have you tried increasing the grid stack size, then shaping the apps and widgets to the size you want?

steeevOP•12mo ago

Can you tell me more? As in, increasing the number of columns?

explosive parrot•12mo ago

Within the settings for each board you can change the number of columns

explosive parrot•12mo ago

By increasing these, and adjusting app/widget size, you may be able to achieve the visual effect you are looking for without touching CSS.

Gaming

Programming

Reduce row height