25 lines
1.1 KiB
CSS
25 lines
1.1 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
@layer components {
|
|
.panel { @apply bg-white rounded-lg shadow-sm border border-slate-200; }
|
|
.btn { @apply inline-flex items-center justify-center px-3 py-1.5 rounded-md bg-slate-800 text-white text-sm; }
|
|
.btn-ghost { @apply bg-transparent text-slate-700; }
|
|
.input { @apply border border-slate-200 rounded-md px-3 py-2 text-sm bg-white; }
|
|
.nav-item { @apply w-full text-left px-3 py-2 rounded-md text-sm text-slate-700 hover:bg-slate-50; }
|
|
.nav-item.active { @apply bg-slate-100 font-medium; }
|
|
}
|
|
|
|
@layer utilities {
|
|
.font-sans { font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; }
|
|
}
|
|
|
|
/* Broadcasts (Transmisiones) specific */
|
|
@layer components {
|
|
.create-card { @apply flex items-center gap-4 p-4 rounded-lg border border-slate-200 bg-white hover:shadow-sm text-left; }
|
|
.create-card .icon { @apply w-12 h-12 rounded-md flex items-center justify-center text-xl; }
|
|
.tab-btn { @apply px-3 py-1 rounded-md text-sm text-slate-600 hover:bg-slate-50; }
|
|
.tab-btn.active { @apply text-sky-600 border-b-2 border-sky-500; }
|
|
}
|