lzstealth/pulse-signage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Activity

Refresh favicon and layout assets

Browse Source
This commit is contained in:
lzstealth
2026-07-14 21:10:27 +01:00
parent 31b10e6fd1
commit 9f3fcbdaf2
8 changed files with 32 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/player/player-page.template.html
+1 -1
View File
@@ -4,7 +4,7 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<title>{{TITLE}}</title> <title>{{TITLE}}</title>
<link rel="icon" type="image/svg+xml" href="/assets/favicon.svg" /> <link rel="icon" type="image/png" href="/assets/favicon.png" />
<link rel="stylesheet" href="/assets/css/player.css" /> <link rel="stylesheet" href="/assets/css/player.css" />
</head> </head>
<body> <body>
src/player/public/favicon.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 332 KiB

src/player/public/favicon.svg
-10
View File
@@ -1,10 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-label="Pulse Signage">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#10233b" />
<stop offset="100%" stop-color="#1f7a8c" />
</linearGradient>
</defs>
<rect width="64" height="64" rx="16" fill="url(#bg)" />
<path d="M16 20h18c6.6 0 12 5.4 12 12s-5.4 12-12 12H28v10H16V20Zm12 12h6c1.7 0 3-1.3 3-3s-1.3-3-3-3h-6v6Z" fill="#f7f7f2" />
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 486 B

src/web/public/css/admin.css
+29 -76
View File
@@ -431,6 +431,10 @@ html[data-theme='dark'] .theme-toggle__icon--sun {
width: auto; width: auto;
padding: 0; padding: 0;
justify-content: center; justify-content: center;
position: fixed;
top: 16px;
right: 16px;
z-index: 90;
} }
.theme-toggle--floating .theme-toggle__label { .theme-toggle--floating .theme-toggle__label {
@@ -442,13 +446,6 @@ html[data-theme='dark'] .theme-toggle__icon--sun {
height: 18px; height: 18px;
} }
.theme-toggle--floating {
position: fixed;
top: 16px;
right: 16px;
z-index: 90;
}
.auth-shell-body .theme-toggle--floating { .auth-shell-body .theme-toggle--floating {
top: auto; top: auto;
bottom: 16px; bottom: 16px;
@@ -507,9 +504,6 @@ html[data-theme='dark'] .theme-toggle__icon--sun {
font-size: 13px; font-size: 13px;
font-weight: 700; font-weight: 700;
text-decoration: none; text-decoration: none;
}
.status-pill {
color: #0f5132; color: #0f5132;
background: rgba(16, 185, 129, 0.14); background: rgba(16, 185, 129, 0.14);
} }
@@ -903,8 +897,9 @@ html[data-theme='dark'] .theme-toggle__icon--sun {
.stats { .stats {
display: grid; display: grid;
gap: 16px; gap: 12px;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
margin-bottom: 0;
} }
.stat { .stat {
@@ -912,9 +907,10 @@ html[data-theme='dark'] .theme-toggle__icon--sun {
overflow: hidden; overflow: hidden;
background: var(--stat-background); background: var(--stat-background);
border: 1px solid var(--border); border: 1px solid var(--border);
border-radius: 20px; border-radius: 12px;
padding: 18px; padding: 16px;
box-shadow: var(--shadow-sm); box-shadow: var(--shadow-sm);
margin-bottom: 0;
} }
.stat::after { .stat::after {
@@ -963,6 +959,15 @@ html[data-theme='dark'] .theme-toggle__icon--sun {
letter-spacing: 0.08em; letter-spacing: 0.08em;
} }
.stat span {
position: relative;
color: var(--muted);
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
}
.row { .row {
display: flex; display: flex;
gap: 12px; gap: 12px;
@@ -1281,7 +1286,7 @@ thead th {
} }
tbody tr:hover { tbody tr:hover {
background: var(--table-hover); background: rgba(37, 99, 235, 0.07);
} }
tbody tr:last-child td { tbody tr:last-child td {
@@ -1719,10 +1724,6 @@ tbody tr:nth-child(even) {
background: var(--table-row-even); background: var(--table-row-even);
} }
tbody tr:hover {
background: rgba(37, 99, 235, 0.07);
}
table input, table input,
table select, table select,
table textarea, table textarea,
@@ -1851,28 +1852,6 @@ table td .actions form {
color: var(--muted); color: var(--muted);
} }
.stats {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 12px;
margin-bottom: 0;
}
.stat {
background: var(--stat-background);
border: 1px solid var(--border);
border-radius: 12px;
padding: 16px;
box-shadow: var(--shadow-sm);
margin-bottom: 0;
}
.stat strong {
display: block;
font-size: 28px;
margin-bottom: 4px;
}
.playlist-item-actions { .playlist-item-actions {
flex-wrap: nowrap; flex-wrap: nowrap;
align-items: center; align-items: center;
@@ -1900,7 +1879,7 @@ table td .actions form {
.empty { .empty {
color: var(--muted); color: var(--muted);
padding: 12px 0; padding: 12px 0 12px 24px;
} }
.chip { .chip {
@@ -1913,7 +1892,6 @@ table td .actions form {
margin-left: 6px; margin-left: 6px;
} }
/* Slide editor pages. */
.slide-editor-top { .slide-editor-top {
display: grid; display: grid;
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
@@ -2100,6 +2078,13 @@ table td .actions form {
.slide-schedule-dialog button { .slide-schedule-dialog button {
width: auto; width: auto;
margin: 0; margin: 0;
.theme-toggle--floating .theme-toggle__label {
display: none;
}
.theme-toggle--floating .theme-toggle__icon {
width: 18px;
height: 18px;
}
} }
.slide-schedule-dialog button.secondary { .slide-schedule-dialog button.secondary {
@@ -2202,39 +2187,6 @@ table td .actions form {
font-weight: 700; font-weight: 700;
} }
.rich-editor {
display: grid;
gap: 8px;
}
.rich-toolbar {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.rich-toolbar button {
width: auto;
margin-top: 0;
padding: 8px 10px;
}
.rich-surface {
min-height: 240px;
padding: 12px;
border: 1px solid #d1d5db;
border-radius: 8px;
background: #fff;
color: var(--text);
line-height: 1.4;
overflow: auto;
}
.rich-surface:focus {
outline: 2px solid rgba(37, 99, 235, 0.3);
border-color: var(--primary);
}
.ckeditor-holder { .ckeditor-holder {
min-height: 360px; min-height: 360px;
background: var(--editor-paper); background: var(--editor-paper);
@@ -2341,6 +2293,7 @@ html[data-theme='dark'] .ckeditor-holder {
} }
.ckeditor-holder .ck-font-size-input input[type='number'] { .ckeditor-holder .ck-font-size-input input[type='number'] {
appearance: textfield;
-moz-appearance: textfield; -moz-appearance: textfield;
} }
src/web/public/favicon.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 332 KiB

src/web/public/favicon.svg
-10
View File
@@ -1,10 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-label="Pulse Signage">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#10233b" />
<stop offset="100%" stop-color="#1f7a8c" />
</linearGradient>
</defs>
<rect width="64" height="64" rx="16" fill="url(#bg)" />
<path d="M16 20h18c6.6 0 12 5.4 12 12s-5.4 12-12 12H28v10H16V20Zm12 12h6c1.7 0 3-1.3 3-3s-1.3-3-3-3h-6v6Z" fill="#f7f7f2" />
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 486 B

src/web/views/frame-layout.hbs
+1 -1
View File
@@ -4,7 +4,7 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<title>{{title}} - Signage</title> <title>{{title}} - Signage</title>
<link rel="icon" type="image/svg+xml" href="/assets/favicon.svg" /> <link rel="icon" type="image/png" href="/assets/favicon.png" />
<script src="/assets/js/theme-init.js"></script> <script src="/assets/js/theme-init.js"></script>
<link rel="stylesheet" href="/assets/css/admin.css" /> <link rel="stylesheet" href="/assets/css/admin.css" />
{{#if stylesheets.length}} {{#if stylesheets.length}}
src/web/views/layout.hbs
+1 -1
View File
@@ -4,7 +4,7 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" /> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
<title>{{title}} - Signage</title> <title>{{title}} - Signage</title>
<link rel="icon" type="image/svg+xml" href="/assets/favicon.svg" /> <link rel="icon" type="image/png" href="/assets/favicon.png" />
<script src="/assets/js/theme-init.js"></script> <script src="/assets/js/theme-init.js"></script>
<link rel="stylesheet" href="/assets/css/admin.css" /> <link rel="stylesheet" href="/assets/css/admin.css" />
{{#if stylesheets.length}} {{#if stylesheets.length}}