feat: add src/app/globals.css

This commit is contained in:
cupadev-admin 2026-03-09 07:22:51 +00:00
parent 19cc61c8e1
commit a35978ea0c
1 changed files with 54 additions and 0 deletions

54
src/app/globals.css Normal file
View File

@ -0,0 +1,54 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base {
* {
box-sizing: border-box;
}
body {
@apply bg-white text-gray-900;
}
}
@layer components {
.btn-primary {
@apply bg-primary-600 hover:bg-primary-700 text-white font-medium px-4 py-2 rounded-lg transition-colors duration-200;
}
.btn-secondary {
@apply bg-gray-100 hover:bg-gray-200 text-gray-700 font-medium px-4 py-2 rounded-lg transition-colors duration-200;
}
.btn-danger {
@apply bg-red-500 hover:bg-red-600 text-white font-medium px-4 py-2 rounded-lg transition-colors duration-200;
}
.card {
@apply bg-white rounded-xl shadow-sm border border-gray-100 p-6;
}
.input-field {
@apply w-full border border-gray-300 rounded-lg px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-transparent transition-all duration-200;
}
.label {
@apply block text-sm font-medium text-gray-700 mb-1;
}
}
.ql-editor {
min-height: 200px;
font-size: 16px;
}
.prose img {
border-radius: 0.75rem;
margin: 1.5rem auto;
}
::-webkit-scrollbar {
width: 6px;
}
::-webkit-scrollbar-track {
background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
background: #94a3b8;
border-radius: 3px;
}