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,

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 126 KiB

26
web-server/public/css/styles.css
View File

@@ -179,13 +179,19 @@ button:disabled {
.brand-mark {
align-items: center;
background: var(--primary);
border-radius: var(--radius);
color: var(--on-primary);
background: transparent;
display: inline-flex;
flex: 0 0 auto;
height: 38px;
justify-content: center;
width: 38px;
width: 46px;
}
.brand-logo {
display: block;
height: 100%;
object-fit: contain;
width: 100%;
}
.brand-copy {
@@ -2052,12 +2058,10 @@ tbody tr:hover 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 {
@@ -2293,6 +2297,12 @@ tbody tr:hover {
padding: var(--space-lg);
}
.auth-brand .brand-mark {
background: var(--blue-900);
border-radius: var(--radius-md);
padding: 4px;
}
.auth-brand .brand-copy strong {
color: var(--text-primary);
}

1
web-server/server.js
View File

@@ -185,6 +185,7 @@ app.set('views', path.join(__dirname, 'views'));
app.use(express.urlencoded({ extended: true, limit: '32kb', parameterLimit: 100 }));
app.use(express.json({ limit: '32kb' }));
app.use(express.static(path.join(__dirname, 'public')));
app.use('/image', express.static(path.join(__dirname, 'image')));
app.use('/vendor/notiflix', express.static(path.join(__dirname, 'node_modules/notiflix/dist')));
app.use('/vendor/montserrat', express.static(path.join(__dirname, 'node_modules/@fontsource-variable/montserrat')));
app.use('/vendor/fluent-icons', express.static(path.join(__dirname, 'node_modules/@fluentui/svg-icons/icons')));

3
web-server/views/auth.ejs
View File

@@ -7,13 +7,14 @@
<link rel="stylesheet" href="/vendor/montserrat/index.css">
<link rel="stylesheet" href="/vendor/notiflix/notiflix-<%= notiflixVersion %>.min.css">
<link rel="stylesheet" href="/css/styles.css">
<link rel="icon" type="image/png" href="/image/logo_PNKX.png">
</head>
<body class="auth-shell" <% if (notice) { %>data-notice-type="<%= notice.type %>" data-notice="<%= notice.message %>"<% } %>>
<main class="auth-page">
<section class="auth-panel">
<div class="auth-brand">
<div class="brand-mark">
<span class="material-symbols-outlined">precision_manufacturing</span>
<img class="brand-logo" src="/image/logo_PNKX.png" alt="">
</div>
<div class="brand-copy">
<strong>Robot Installer</strong>

3
web-server/views/confirm-email-sent.ejs
View File

@@ -7,13 +7,14 @@
<link rel="stylesheet" href="/vendor/montserrat/index.css">
<link rel="stylesheet" href="/vendor/notiflix/notiflix-<%= notiflixVersion %>.min.css">
<link rel="stylesheet" href="/css/styles.css">
<link rel="icon" type="image/png" href="/image/logo_PNKX.png">
</head>
<body class="auth-shell" <% if (notice) { %>data-notice-type="<%= notice.type %>" data-notice="<%= notice.message %>"<% } %>>
<main class="auth-page">
<section class="auth-panel">
<div class="auth-brand">
<div class="brand-mark">
<span class="material-symbols-outlined">precision_manufacturing</span>
<img class="brand-logo" src="/image/logo_PNKX.png" alt="">
</div>
<div class="brand-copy">
<strong>Robot Installer</strong>

3
web-server/views/partials/page-start.ejs
View File

@@ -7,12 +7,13 @@
<link rel="stylesheet" href="/vendor/montserrat/index.css">
<link rel="stylesheet" href="/vendor/notiflix/notiflix-<%= notiflixVersion %>.min.css">
<link rel="stylesheet" href="/css/styles.css">
<link rel="icon" type="image/png" href="/image/logo_PNKX.png">
</head>
<body class="app-shell" <% if (notice) { %>data-notice-type="<%= notice.type %>" data-notice="<%= notice.message %>"<% } %>>
<aside id="appSidebar" class="sidebar" aria-label="Main navigation">
<div class="brand-block">
<div class="brand-mark">
<span class="material-symbols-outlined">precision_manufacturing</span>
<img class="brand-logo" src="/image/logo_PNKX.png" alt="">
</div>
<div class="brand-copy">
<strong>Robot Installer</strong>