fix: apply bugfix agent improvements to src/app/globals.css

This commit is contained in:
cupadev-admin 2026-03-09 12:48:26 +00:00
parent 1192486697
commit c414992219
1 changed files with 14 additions and 39 deletions

View File

@ -2,53 +2,28 @@
@tailwind components; @tailwind components;
@tailwind utilities; @tailwind utilities;
@layer base { /* React Quill overrides */
* { .ql-toolbar {
box-sizing: border-box; @apply rounded-t-lg border-gray-300 bg-gray-50;
}
body {
@apply bg-white text-gray-900;
}
} }
@layer components { .ql-container {
.btn-primary { @apply rounded-b-lg border-gray-300 min-h-[200px] text-base;
@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 { .ql-editor {
min-height: 200px; @apply min-h-[200px];
font-size: 16px;
} }
.prose img { /* Smooth transitions */
border-radius: 0.75rem; * {
margin: 1.5rem auto; @apply transition-colors duration-150;
} }
::-webkit-scrollbar { html {
width: 6px; scroll-behavior: smooth;
} }
::-webkit-scrollbar-track {
background: #f1f5f9; body {
} @apply bg-gray-50 text-gray-900 antialiased;
::-webkit-scrollbar-thumb {
background: #94a3b8;
border-radius: 3px;
} }