jazzymc/homarr
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix(app): improve responsive styles (#2537)

Browse Source
This commit is contained in:
Meier Lukas
2025-03-08 20:54:48 +01:00
committed by GitHub
parent c0e1355d7f
commit fb800a0008
2 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/widgets/src/app/component.tsx
View File

@@ -18,7 +18,7 @@ import classes from "./app.module.css";
import { PingDot } from "./ping/ping-dot";
import { PingIndicator } from "./ping/ping-indicator";
export default function AppWidget({ options, isEditMode }: WidgetComponentProps<"app">) {
export default function AppWidget({ options, isEditMode, height, width }: WidgetComponentProps<"app">) {
const t = useI18n();
const settings = useSettings();
const board = useRequiredBoard();
@@ -56,6 +56,8 @@ export default function AppWidget({ options, isEditMode }: WidgetComponentProps<
[app, options.openInNewTab],
);
const tinyText = height < 100 || width < 100;
return (
<AppLink
href={app.href ?? undefined}
@@ -78,7 +80,7 @@ export default function AppWidget({ options, isEditMode }: WidgetComponentProps<
align="center"
>
{options.showTitle && (
<Text className="app-title" fw={700} ta="center">
<Text className="app-title" fw={700} size={tinyText ? "8px" : "sm"} ta="center">
{app.name}
</Text>
)}