eafonyang
ccc404b75a
- 在 tailwind 配置中添加应用外壳相关的 safelist 类名 - 替换 App.tsx 中应用外壳容器的类名，去除多余的内边距容器 - 在现代和遗留样式文件中新增移动端全屏、桌面居中列的样式规则 - 新增底部导航外层和内层的样式及响应式布局支持 - appShell.ts 中将样式类改为统一的 x8- 前缀类名 - BottomNav 组件使用新的样式类名以匹配样式调整 - Home 页面 ListRow 组件支持可选缩略图展示，增加界面展示丰富度
40 lines
1.1 KiB
JavaScript
40 lines
1.1 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
darkMode: ["class"],
|
|
content: ["./client/index.html", "./client/i.legacy.html", "./client/src/**/*.{ts,tsx}"],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
// Keep names aligned with modern tokens used in components.
|
|
background: "#0a0a0a",
|
|
foreground: "#f2f2f2",
|
|
card: "#1c1c1e",
|
|
"card-foreground": "#f2f2f2",
|
|
popover: "#1c1c1e",
|
|
"popover-foreground": "#f2f2f2",
|
|
primary: "#00fff6",
|
|
"primary-foreground": "#0a0a0a",
|
|
secondary: "#262626",
|
|
"secondary-foreground": "#cccccc",
|
|
muted: "#262626",
|
|
"muted-foreground": "#808080",
|
|
accent: "#00fff6",
|
|
"accent-foreground": "#0a0a0a",
|
|
destructive: "#ff453a",
|
|
"destructive-foreground": "#fafafa",
|
|
border: "rgba(255, 255, 255, 0.08)",
|
|
input: "rgba(255, 255, 255, 0.10)",
|
|
ring: "#00fff6",
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
safelist: [
|
|
"x8-app-shell-outer",
|
|
"x8-app-shell-column",
|
|
"x8-bottom-nav-outer",
|
|
"x8-bottom-nav-inner",
|
|
],
|
|
};
|
|
|