Update branding with DockMV logo and assets

- Replace text-based branding with logo icon in header
- Update README.md with full DockMV logo image
- Add favicon and logo-icon assets
- Add dockmv-icon to assets directory
- Update styles for logo display
- Rebuild web UI distribution

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
This commit is contained in:
2026-08-11 13:33:27 +02:00
co-authored by Claude Haiku 4.5
parent 7a1c5433a2
commit 832af4aaae
13 changed files with 11 additions and 9 deletions
+1 -1
View File
@@ -1,4 +1,4 @@
# DockMV <p align="center"><img src="assets/dockmv-logo-full.png" alt="DockMV" width="480"></p>
Move Docker containers — and their data — from one host to another, from a web UI, in a few clicks. Move Docker containers — and their data — from one host to another, from a web UI, in a few clicks.
Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
BIN
View File
Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

+4 -3
View File
@@ -4,9 +4,10 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="color-scheme" content="dark light" /> <meta name="color-scheme" content="dark light" />
<title>docker-migrate</title> <link rel="icon" type="image/png" href="/favicon.png" />
<script type="module" crossorigin src="/assets/index-BJYzrqMo.js"></script> <title>DockMV</title>
<link rel="stylesheet" crossorigin href="/assets/index-BYoxln0e.css"> <script type="module" crossorigin src="/assets/index-DJVzxyBi.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-CKzWD9Xt.css">
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
Binary file not shown.

After

Width:  |  Height:  |  Size: 6.1 KiB

+2 -1
View File
@@ -4,7 +4,8 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="color-scheme" content="dark light" /> <meta name="color-scheme" content="dark light" />
<title>docker-migrate</title> <link rel="icon" type="image/png" href="/favicon.png" />
<title>DockMV</title>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.1 KiB

+1 -1
View File
@@ -120,7 +120,7 @@ export default function App() {
return ( return (
<div className="app"> <div className="app">
<header className="topbar"> <header className="topbar">
<div className="brand"><span className="dot" />docker-migrate</div> <div className="brand"><img src="/logo-icon.png" alt="" className="brand-logo" />DockMV</div>
<nav className="tabs"> <nav className="tabs">
<button className={`tab${view === 'containers' ? ' active' : ''}`} onClick={() => setView('containers')}> <button className={`tab${view === 'containers' ? ' active' : ''}`} onClick={() => setView('containers')}>
Containers Containers
+1 -1
View File
@@ -58,7 +58,7 @@ button, input, select, textarea { font: inherit; color: inherit; }
font-family: var(--mono); font-weight: 600; letter-spacing: -0.3px; font-family: var(--mono); font-weight: 600; letter-spacing: -0.3px;
display: flex; align-items: center; gap: 8px; display: flex; align-items: center; gap: 8px;
} }
.brand .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--accent); } .brand-logo { height: 22px; width: auto; display: block; }
.tabs { display: flex; gap: 2px; margin-left: 8px; } .tabs { display: flex; gap: 2px; margin-left: 8px; }
.tab { .tab {