1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
| import { logoSrc, useSystemSettings } from "../systemSettings";
|
| export default function SystemBrand({ size = "md" }: { size?: "sm" | "md" | "lg" }) {
| const { settings, logoCacheKey } = useSystemSettings();
| const logo = logoSrc(settings.logo_url, logoCacheKey);
| const imgH = size === "lg" ? 48 : size === "sm" ? 28 : 32;
| const fontSize = size === "lg" ? 22 : size === "sm" ? 15 : 16;
|
| return (
| <div style={{ display: "flex", alignItems: "center", gap: 10, minWidth: 0 }}>
| {logo && (
| <img
| src={logo}
| alt=""
| style={{ height: imgH, maxWidth: 160, objectFit: "contain", flexShrink: 0 }}
| />
| )}
| <span
| style={{
| color: "#1677ff",
| fontWeight: 600,
| fontSize,
| overflow: "hidden",
| textOverflow: "ellipsis",
| whiteSpace: "nowrap",
| }}
| >
| {settings.system_name}
| </span>
| </div>
| );
| }
|
|
