Ajustes UI
This commit is contained in:
@@ -58,7 +58,7 @@ const TopMenu: React.FC<TopMenuProps> = ({
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<header
|
<header
|
||||||
className="relative z-40 h-14 shrink-0 flex items-center justify-between px-4 text-white"
|
className="relative z-20 h-14 shrink-0 flex items-center justify-between px-4 text-white"
|
||||||
style={{
|
style={{
|
||||||
background:
|
background:
|
||||||
"linear-gradient(135deg, #4c5f9e, #2a355d, #566bb8, #3d4e87)",
|
"linear-gradient(135deg, #4c5f9e, #2a355d, #566bb8, #3d4e87)",
|
||||||
|
|||||||
@@ -270,15 +270,15 @@ export default function Home({
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
{showOrganisms && (
|
{showOrganisms && (
|
||||||
<div className="fixed inset-0 z-50">
|
<div className="fixed inset-0 z-30">
|
||||||
{/* Overlay */}
|
{/* Overlay */}
|
||||||
<div
|
<div
|
||||||
className="absolute inset-0 bg-black/40"
|
className="absolute inset-0 bg-black/40"
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
setShowOrganisms(false);
|
setShowOrganisms(false);
|
||||||
setOrganismQuery("");
|
setOrganismQuery("");
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
{/* Panel */}
|
{/* Panel */}
|
||||||
<div className="absolute right-0 top-0 h-full w-full sm:w-[520px] bg-white shadow-2xl flex flex-col">
|
<div className="absolute right-0 top-0 h-full w-full sm:w-[520px] bg-white shadow-2xl flex flex-col">
|
||||||
|
|||||||
Reference in New Issue
Block a user