H
Homarr2w ago
Sket

App icons huge and can't make smaller

How can I make these smaller ?
No description
47 Replies
Cakey Bot
Cakey Bot2w ago
Thank you for submitting a support request. Depending on the volume of requests, our team should get in contact with you shortly.
⚠️ Please include the following details in your post or we may reject your request without further comment: - Log (See https://homarr.dev/docs/community/faq#how-do-i-open-the-console--log) - Operating system (Unraid, TrueNAS, Ubuntu, ...) - Exact Homarr version (eg. 0.15.0, not latest) - Configuration (eg. docker-compose, screenshot or similar. Use ``your-text`` to format) - Other relevant information (eg. your devices, your browser, ...)
Frequently Asked Questions | Homarr documentation
Can I install Homarr on a Raspberry Pi?
Sket
SketOP2w ago
Brand new install, Docker compose from website, v1.33
Meierschlumpf
Meierschlumpf2w ago
By increasing the column count and changing the pi-hole widget to 2x2 you can let 4 items in the row
Sket
SketOP6d ago
Ah ok. No way to make smaller icons though ?
Meierschlumpf
Meierschlumpf6d ago
I mean you could use bookmarks, they just don't have a status check
Manicraft1001
Manicraft10015d ago
Also we fixed some padding for the next version, it will look a bit better there
Sket
SketOP5d ago
Thanks!
Sket
SketOP5d ago
a tad better but would still be nice to be able to make them smaller. Am I doing it wrong?
No description
Meierschlumpf
Meierschlumpf5d ago
What you can also do is to use some custom css
Manicraft1001
Manicraft10015d ago
Is this the dev image?
Sket
SketOP5d ago
image: ghcr.io/homarr-labs/homarr:latest
Manicraft1001
Manicraft10015d ago
:latest does not contain the fix I mentioned
Sket
SketOP5d ago
oic
Manicraft1001
Manicraft10015d ago
I recommend you to wait until Friday We always release on Friday, weekly.
Sket
SketOP5d ago
ok cool. Custom CSS is fine, but i'm an absolute pleb w/ CSS ;0
Meierschlumpf
Meierschlumpf5d ago
Yeah but the fix is not that big, so it's just getting like 5% smaller icons
Sket
SketOP5d ago
No description
Sket
SketOP5d ago
with dev image ;0
Manicraft1001
Manicraft10015d ago
Better?
Sket
SketOP5d ago
a tad
Manicraft1001
Manicraft10015d ago
But as mentioned, don't switch images. dev is experimental and can break your instance
Sket
SketOP5d ago
also really love the project, been using it for awhile ok
Manicraft1001
Manicraft10015d ago
Run a secondary instance if possible.
Sket
SketOP5d ago
Not related to this but where does the code that does the API querrying live, like, if I wanted to add support for something else? (plex backup server)
Meierschlumpf
Meierschlumpf5d ago
.app-icon {
transform: scale(0.5);
}
.app-icon {
transform: scale(0.5);
}
Something like this should make them smaller, you can change 0.5 as you want
Sket
SketOP5d ago
so that made the icon smaller, but the box same size ;0
Sket
SketOP5d ago
No description
Sket
SketOP5d ago
is that the app-flex-wrapper size ?
Meierschlumpf
Meierschlumpf5d ago
Oh you want the box smaller as well, okay yeah then the only way is to change the amount of columns
Sket
SketOP5d ago
ah ok number of columns is just controlled by width?
Meierschlumpf
Meierschlumpf5d ago
It's in the integrations package, for plex it would be the plex-integration.ts file, however to get the data to the front there are a few more concepts like request-handlers, that handle caching, jobs that update things, the api router which is the endpoint the client is hitting and finally there is a widget in the widgets package Yes by screen size, depending on it, it's using another layout
Sket
SketOP5d ago
yeah, backend frontend ties, fun time
Sket
SketOP5d ago
No description
No description
Sket
SketOP5d ago
hmmm seems same size w/ 4 cols ah well, I can just live w/ yuge icons ;0
Meierschlumpf
Meierschlumpf5d ago
I mean the tiles should be smaller now, but the ratio is still the same
Sket
SketOP5d ago
nod
Sket
SketOP5d ago
would be baller if the status icon could be added to the right side of each bookmark
No description
Sket
SketOP5d ago
but that's a lot more compact I'm a bad man and have 8 proxmox instances
Meierschlumpf
Meierschlumpf5d ago
xD
Sket
SketOP5d ago
is the padding fix you mentioned for this too?
Sket
SketOP5d ago
No description
No description
Meierschlumpf
Meierschlumpf5d ago
Nope, only for the apps
Sket
SketOP5d ago
kk the box won't size properly to fit the items in the individual bookmark size on the left I did put a tkt in for the opnsense app like you said
Meierschlumpf
Meierschlumpf5d ago
Yeah it has a scrollbar and it's not possible for our system to make them exactly the size necessary for this size, because somebody else could have different size screen / different column counts. However you can also give the bookmark title to the bookmark by using the advanced options of the widget, then more will fit
Sket
SketOP5d ago
No description
Sket
SketOP5d ago
yeep must be a really fun time dealing with all the sizing/responsive layout/screen size diffs ;0
Meierschlumpf
Meierschlumpf5d ago
At least it's not really our problem 😉 Everybody can deal with it themself and we just provide some helpful features like different layouts based on screensize etc.

Did you find this page helpful?