DungTT/InstallerRobot
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update logo

Browse Source
This commit is contained in:
Tran Tien Dung
2026-08-04 16:21:31 +07:00
parent 9b9c607fd1
commit ad80afbfdd
10 changed files with 40 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
web-client/image/logo_PNKX.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 126 KiB

1
web-client/index.html
View File

@@ -4,6 +4,7 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="color-scheme" content="light" />
<link rel="icon" type="image/png" href="/image/logo_PNKX.png" />
<title>Robot Installer</title>
</head>
<body>

4
web-client/src/main.jsx
View File

@@ -5,7 +5,6 @@ import {
ArrowDownload20Regular as Download,
ArrowSync20Regular as RefreshCcw,
Board20Regular as Cpu,
Bot24Filled as PackageCheck,
Box20Regular as Box,
CheckmarkCircle20Filled as CheckCircle2,
Clipboard20Regular as Clipboard,
@@ -46,6 +45,7 @@ import {
queueRemove,
queueUpdate
} from './services/api.js';
import logoPnkx from '../image/logo_PNKX.png';
import './styles.css';
const SETTINGS_KEY = 'robot-installer-client-settings';
@@ -756,7 +756,7 @@ function App() {
<aside className="sidebar">
<div className="brand-block">
<div className="brand-mark">
<PackageCheck fontSize={20} aria-hidden="true" />
<img className="brand-logo" src={logoPnkx} alt="" />
</div>
<div className="brand-copy">
<strong>Robot Installer</strong>

20
web-client/src/styles.css
View File

@@ -189,11 +189,17 @@ code {
}
.brand-mark {
background: var(--primary);
border-radius: var(--radius);
color: var(--on-primary);
background: transparent;
flex: 0 0 auto;
height: 38px;
width: 38px;
width: 46px;
}
.brand-logo {
display: block;
height: 100%;
object-fit: contain;
width: 100%;
}
.brand-copy {
@@ -1556,12 +1562,10 @@ tbody tr.selected-row td.action-col {
}
.brand-mark {
background: var(--brand-accent);
border-radius: var(--radius-md);
background: transparent;
box-shadow: none;
color: var(--neutral-0);
height: 40px;
width: 40px;
width: 50px;
}
.brand-copy strong,