Robot Installer
diff --git a/web-client/src/styles.css b/web-client/src/styles.css
index e083758..d4d22c9 100644
--- a/web-client/src/styles.css
+++ b/web-client/src/styles.css
@@ -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,
diff --git a/web-server/image/logo_PNKX.png b/web-server/image/logo_PNKX.png
new file mode 100644
index 0000000..bf6681c
Binary files /dev/null and b/web-server/image/logo_PNKX.png differ
diff --git a/web-server/public/css/styles.css b/web-server/public/css/styles.css
index b9a1697..e473fa3 100644
--- a/web-server/public/css/styles.css
+++ b/web-server/public/css/styles.css
@@ -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);
}
diff --git a/web-server/server.js b/web-server/server.js
index b9f2aaf..efb1d23 100644
--- a/web-server/server.js
+++ b/web-server/server.js
@@ -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')));
diff --git a/web-server/views/auth.ejs b/web-server/views/auth.ejs
index 0e288cc..b99dea7 100644
--- a/web-server/views/auth.ejs
+++ b/web-server/views/auth.ejs
@@ -7,13 +7,14 @@
+
data-notice-type="<%= notice.type %>" data-notice="<%= notice.message %>"<% } %>>
-
precision_manufacturing
+
Robot Installer
diff --git a/web-server/views/confirm-email-sent.ejs b/web-server/views/confirm-email-sent.ejs
index 9317c52..474bff6 100644
--- a/web-server/views/confirm-email-sent.ejs
+++ b/web-server/views/confirm-email-sent.ejs
@@ -7,13 +7,14 @@
+
data-notice-type="<%= notice.type %>" data-notice="<%= notice.message %>"<% } %>>
-
precision_manufacturing
+
Robot Installer
diff --git a/web-server/views/partials/page-start.ejs b/web-server/views/partials/page-start.ejs
index f806690..c33e904 100644
--- a/web-server/views/partials/page-start.ejs
+++ b/web-server/views/partials/page-start.ejs
@@ -7,12 +7,13 @@
+
data-notice-type="<%= notice.type %>" data-notice="<%= notice.message %>"<% } %>>