- 添加 React Router 和 Tailwind CSS 依赖 - 移除旧的 CSS 文件,改用模块化样式 - 更新 lint-staged 配置以跳过 CSS 文件 - 重构 App 组件以使用新的导航和样式
16 lines
275 B
CSS
16 lines
275 B
CSS
@reference "tailwindcss";
|
|
|
|
.navigation {
|
|
@apply flex gap-4 p-4 bg-gray-100 border-b border-gray-300;
|
|
}
|
|
|
|
.link {
|
|
@apply text-blue-600 no-underline px-4 py-2 rounded transition-colors;
|
|
@apply hover:bg-gray-200;
|
|
}
|
|
|
|
.active {
|
|
@apply bg-blue-100 text-blue-800 font-medium;
|
|
}
|
|
|