Unverified Commit 34b450bf authored by Lemon-miaow's avatar Lemon-miaow
Browse files

fix(panel): refine branding and login layout

parent 1cdec4dd
Loading
Loading
Loading
Loading
+3 −1
Changes for docs/assets/icons/README.md: 3 added lines, 1 removed line.
Original line number Diff line number Diff line
@@ -20,7 +20,9 @@

网页资源已放入 `panel/public/`,并由 `panel/index.html` 引用:SVG / ICO / PNG favicon、180 px Apple Touch Icon、Safari 固定标签图标,以及 192 / 512 px 普通和 maskable 图标。`site.webmanifest` 提供应用名称和图标元数据,不提供离线缓存。

登录页、桌面侧栏和手机导航通过 `panel/src/assets/felis-logo.svg` 使用透明标识。构建时生成带内容哈希的文件名,重新导出会同步更新这个文件。
网页通过 `panel/src/assets/felis-logo.svg` 引用白底圆角方形图标。桌面侧栏和手机导航使用 28 px,登录与初始化页头使用 44 px。它沿用套装中 `felis-app.svg` 的构图,将图标底色改为白色。构建时生成带内容哈希的文件名,重新导出会同步更新这个文件。

标签页图标单独向下偏移以对齐视觉中心,SVG、PNG、ICO 和 Safari 固定标签使用相同位置;应用图标保持原来的构图。仅重新导出标签页资源可给下方命令加上 `--favicons-only`。

修改矢量原稿后可重新导出;需要 Node.js 和 `sharp`,macOS 的 ICNS 导出还使用系统 `iconutil`。在仓库根目录运行:

+5 −5
Changes for panel/index.html: 5 added lines, 5 removed lines.
Original line number Diff line number Diff line
@@ -4,12 +4,12 @@
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="theme-color" content="#65a26c" />
    <link rel="icon" href="/favicon.ico" sizes="any" />
    <link rel="icon" href="/favicon.svg" type="image/svg+xml" />
    <link rel="icon" href="/favicon-32x32.png" type="image/png" sizes="32x32" />
    <link rel="icon" href="/favicon-16x16.png" type="image/png" sizes="16x16" />
    <link rel="icon" href="/favicon.ico?v=2" sizes="any" />
    <link rel="icon" href="/favicon.svg?v=2" type="image/svg+xml" />
    <link rel="icon" href="/favicon-32x32.png?v=2" type="image/png" sizes="32x32" />
    <link rel="icon" href="/favicon-16x16.png?v=2" type="image/png" sizes="16x16" />
    <link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180" />
    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#65a26c" />
    <link rel="mask-icon" href="/safari-pinned-tab.svg?v=2" color="#65a26c" />
    <link rel="manifest" href="/site.webmanifest" />
    <title>Felis · Console</title>
    <script>
−7 B (461 B)
Loading image diff...
−2 B (1.04 KiB)
Loading image diff...
−15 B (24.9 KiB)
Loading image diff...
Loading