Auto-deploy: 2026-01-13 12:29:31 | 1 arquivo(s) alterado(s)
This commit is contained in:
parent
1c196e691b
commit
7a024ec155
|
|
@ -11,7 +11,7 @@ const DarkInput = ({ label, ...props }) => (
|
||||||
<div className="space-y-1.5">
|
<div className="space-y-1.5">
|
||||||
{label && <label className="text-[10px] uppercase font-bold text-slate-500 dark:text-slate-400 tracking-wider ml-1">{label}</label>}
|
{label && <label className="text-[10px] uppercase font-bold text-slate-500 dark:text-slate-400 tracking-wider ml-1">{label}</label>}
|
||||||
<input
|
<input
|
||||||
className="w-full bg-slate-50 dark:bg-[#141414] border border-slate-200 dark:border-[#333] rounded-lg px-3 py-2 text-sm text-slate-700 dark:text-slate-200 focus:outline-none focus:border-emerald-500 focus:ring-1 focus:ring-emerald-500 transition-all placeholder:text-slate-400 dark:placeholder:text-slate-700"
|
className="w-full bg-slate-50 dark:bg-[#141414] border border-slate-200 dark:border-[#333] rounded-xl px-3 py-2 text-sm text-slate-700 dark:text-slate-200 focus:outline-none focus:border-emerald-500 focus:ring-1 focus:ring-emerald-500 transition-all placeholder:text-slate-400 dark:placeholder:text-slate-700"
|
||||||
{...props}
|
{...props}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -23,7 +23,7 @@ const DarkSelect = ({ label, options, value, onChange }) => (
|
||||||
<select
|
<select
|
||||||
value={value}
|
value={value}
|
||||||
onChange={e => onChange(e.target.value)}
|
onChange={e => onChange(e.target.value)}
|
||||||
className="w-full bg-slate-50 dark:bg-[#141414] border border-slate-200 dark:border-[#333] rounded-lg px-3 py-2 text-sm text-slate-700 dark:text-slate-200 focus:outline-none focus:border-emerald-500 focus:ring-1 focus:ring-emerald-500 transition-all cursor-pointer"
|
className="w-full bg-slate-50 dark:bg-[#141414] border border-slate-200 dark:border-[#333] rounded-xl px-3 py-2 text-sm text-slate-700 dark:text-slate-200 focus:outline-none focus:border-emerald-500 focus:ring-1 focus:ring-emerald-500 transition-all cursor-pointer"
|
||||||
>
|
>
|
||||||
<option value="">Selecione...</option>
|
<option value="">Selecione...</option>
|
||||||
{options.map(opt => (
|
{options.map(opt => (
|
||||||
|
|
@ -34,7 +34,7 @@ const DarkSelect = ({ label, options, value, onChange }) => (
|
||||||
);
|
);
|
||||||
|
|
||||||
const DarkButton = ({ children, variant = 'primary', className = '', ...props }) => {
|
const DarkButton = ({ children, variant = 'primary', className = '', ...props }) => {
|
||||||
const baseClass = "px-4 py-2 rounded-lg font-bold text-sm transition-all shadow-lg active:scale-95 flex items-center justify-center gap-2";
|
const baseClass = "px-4 py-2 rounded-xl font-bold text-sm transition-all shadow-lg active:scale-95 flex items-center justify-center gap-2";
|
||||||
const variants = {
|
const variants = {
|
||||||
primary: "bg-emerald-600 hover:bg-emerald-500 text-white shadow-emerald-500/10",
|
primary: "bg-emerald-600 hover:bg-emerald-500 text-white shadow-emerald-500/10",
|
||||||
secondary: "bg-slate-100 dark:bg-[#2a2a2a] hover:bg-slate-200 dark:hover:bg-[#333] text-slate-700 dark:text-slate-200 border border-slate-200 dark:border-[#333]",
|
secondary: "bg-slate-100 dark:bg-[#2a2a2a] hover:bg-slate-200 dark:hover:bg-[#333] text-slate-700 dark:text-slate-200 border border-slate-200 dark:border-[#333]",
|
||||||
|
|
@ -114,7 +114,7 @@ export default function WorkshopsView() {
|
||||||
<div className="relative flex-1 md:flex-none">
|
<div className="relative flex-1 md:flex-none">
|
||||||
<Search className="absolute left-3 top-1/2 -translate-y-1/2 text-slate-500" size={16} />
|
<Search className="absolute left-3 top-1/2 -translate-y-1/2 text-slate-500" size={16} />
|
||||||
<input
|
<input
|
||||||
className="bg-white dark:bg-[#1c1c1c] border border-slate-200 dark:border-[#2a2a2a] text-slate-700 dark:text-slate-200 pl-10 pr-4 py-2 rounded-lg text-sm focus:outline-none focus:border-emerald-500 w-full md:w-64 transition-all"
|
className="bg-white dark:bg-[#1c1c1c] border border-slate-200 dark:border-[#2a2a2a] text-slate-700 dark:text-slate-200 pl-10 pr-4 py-2 rounded-xl text-sm focus:outline-none focus:border-emerald-500 w-full md:w-64 transition-all"
|
||||||
placeholder="Buscar por nome, CNPJ ou cidade..."
|
placeholder="Buscar por nome, CNPJ ou cidade..."
|
||||||
value={searchTerm}
|
value={searchTerm}
|
||||||
onChange={e => setSearchTerm(e.target.value)}
|
onChange={e => setSearchTerm(e.target.value)}
|
||||||
|
|
@ -159,7 +159,7 @@ export default function WorkshopsView() {
|
||||||
<DialogContent className="max-w-3xl bg-white dark:bg-[#1c1c1c] border-slate-200 dark:border-[#2a2a2a] text-slate-700 dark:text-slate-200 p-0 overflow-hidden shadow-2xl">
|
<DialogContent className="max-w-3xl bg-white dark:bg-[#1c1c1c] border-slate-200 dark:border-[#2a2a2a] text-slate-700 dark:text-slate-200 p-0 overflow-hidden shadow-2xl">
|
||||||
<DialogHeader className="p-6 border-b border-slate-200 dark:border-[#2a2a2a] bg-slate-50/50 dark:bg-[#222]/30">
|
<DialogHeader className="p-6 border-b border-slate-200 dark:border-[#2a2a2a] bg-slate-50/50 dark:bg-[#222]/30">
|
||||||
<DialogTitle className="text-slate-800 dark:text-white uppercase font-black flex items-center gap-2">
|
<DialogTitle className="text-slate-800 dark:text-white uppercase font-black flex items-center gap-2">
|
||||||
<div className="w-2 h-6 bg-emerald-500 rounded-full"></div>
|
<div className="w-2 h-6 bg-emerald-500 rounded-xl"></div>
|
||||||
{editingItem ? 'Editar Oficina' : 'Cadastrar Nova Oficina'}
|
{editingItem ? 'Editar Oficina' : 'Cadastrar Nova Oficina'}
|
||||||
</DialogTitle>
|
</DialogTitle>
|
||||||
<DialogDescription className="text-slate-500 dark:text-slate-400">
|
<DialogDescription className="text-slate-500 dark:text-slate-400">
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue