fix: widget position
This commit is contained in:
parent
daa8117ce5
commit
15eb364ebd
|
|
@ -106,7 +106,7 @@ export function ApiKeyWidget() {
|
|||
</button>
|
||||
) : (
|
||||
// EXPANDED STATE - Popup dropdown
|
||||
<div className="absolute top-full right-0 mt-2 w-96 p-5 bg-slate-900/95 backdrop-blur-sm border border-slate-700 rounded-xl shadow-2xl z-50 animate-in fade-in slide-in-from-top-2 duration-200">
|
||||
<div className="absolute top-0 right-0 w-96 p-5 bg-slate-900/95 backdrop-blur-sm border border-slate-700 rounded-xl shadow-2xl z-50 animate-in fade-in slide-in-from-top-2 duration-200">
|
||||
{/* Header */}
|
||||
<div className="flex items-start justify-between mb-4">
|
||||
<div>
|
||||
|
|
|
|||
|
|
@ -49,7 +49,7 @@ export const SubsectionNav = ({ items, currentPath, leftSlot, rightSlot }: Subse
|
|||
const isActive = (href: string) => currentPath.startsWith(href);
|
||||
|
||||
return (
|
||||
<nav className="sticky top-0 z-40 bg-slate-950/80 backdrop-blur-sm border-b border-white/10">
|
||||
<nav className="sticky top-0 z-40 bg-slate-950/80 backdrop-blur-sm border-b border-white/10 relative">
|
||||
{/* Three-Column Layout */}
|
||||
<ThreeColumnLayout
|
||||
left={leftSlot}
|
||||
|
|
@ -104,9 +104,15 @@ export const SubsectionNav = ({ items, currentPath, leftSlot, rightSlot }: Subse
|
|||
</div>
|
||||
</div>
|
||||
}
|
||||
right={rightSlot}
|
||||
/>
|
||||
|
||||
{/* Right Slot - Absolutely Positioned */}
|
||||
{rightSlot && (
|
||||
<div className="absolute top-0 right-0 h-12 flex items-center pr-6 hidden xl:flex">
|
||||
{rightSlot}
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Decorative Wave Line */}
|
||||
<div className="absolute bottom-0 left-0 right-0 h-px overflow-hidden">
|
||||
<svg
|
||||
|
|
|
|||
Loading…
Reference in New Issue