fix(ui): forzar estilos oscuros en opciones de select en panel de admin
This commit is contained in:
@@ -380,11 +380,13 @@ const VOTOS_EMBEBIDOS = ${JSON.stringify(rawVotes, null, 2)};`;
|
|||||||
<select
|
<select
|
||||||
value={selectedVoter}
|
value={selectedVoter}
|
||||||
onChange={(e) => setSelectedVoter(e.target.value)}
|
onChange={(e) => setSelectedVoter(e.target.value)}
|
||||||
className="w-full px-3 py-2.5 bg-white/[0.04] border border-white/10 rounded-xl text-white text-xs focus:border-[#00B7D4] focus:outline-none uppercase font-mono"
|
className="w-full px-3 py-2.5 bg-[#0f1318] border border-white/10 rounded-xl text-white text-xs focus:border-[#00B7D4] focus:outline-none uppercase font-mono cursor-pointer"
|
||||||
>
|
>
|
||||||
<option value="">Selecciona votante a remover...</option>
|
<option value="" className="bg-[#0f1318] text-gray-400 py-1">
|
||||||
|
Selecciona votante a remover...
|
||||||
|
</option>
|
||||||
{registeredVoters.map((v) => (
|
{registeredVoters.map((v) => (
|
||||||
<option key={v} value={v}>
|
<option key={v} value={v} className="bg-[#0f1318] text-white py-1 font-semibold">
|
||||||
{v} → {rawVotes[v]}
|
{v} → {rawVotes[v]}
|
||||||
</option>
|
</option>
|
||||||
))}
|
))}
|
||||||
|
|||||||
@@ -120,3 +120,10 @@
|
|||||||
::-webkit-scrollbar-thumb:hover {
|
::-webkit-scrollbar-thumb:hover {
|
||||||
background: var(--accent);
|
background: var(--accent);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Dark theme enforcement for native dropdown selects */
|
||||||
|
select, option, optgroup {
|
||||||
|
background-color: #0f1318 !important;
|
||||||
|
color: #ffffff !important;
|
||||||
|
color-scheme: dark;
|
||||||
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user