usulpro
/
banatie-service
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: widget position

This commit is contained in:
Oleg Proskurin 2025-10-23 22:27:51 +07:00
parent daa8117ce5
commit 15eb364ebd
2 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/landing/src/components/shared/ApiKeyWidget/apikey-widget.tsx
View File

@ -106,7 +106,7 @@ export function ApiKeyWidget() {
</button> </button>
) : ( ) : (
// EXPANDED STATE - Popup dropdown // 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 */} {/* Header */}
<div className="flex items-start justify-between mb-4"> <div className="flex items-start justify-between mb-4">
<div> <div>

10
apps/landing/src/components/shared/SubsectionNav.tsx
View File

@ -49,7 +49,7 @@ export const SubsectionNav = ({ items, currentPath, leftSlot, rightSlot }: Subse
const isActive = (href: string) => currentPath.startsWith(href); const isActive = (href: string) => currentPath.startsWith(href);
return ( 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 */} {/* Three-Column Layout */}
<ThreeColumnLayout <ThreeColumnLayout
left={leftSlot} left={leftSlot}
@ -104,9 +104,15 @@ export const SubsectionNav = ({ items, currentPath, leftSlot, rightSlot }: Subse
</div> </div>
</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 */} {/* Decorative Wave Line */}
<div className="absolute bottom-0 left-0 right-0 h-px overflow-hidden"> <div className="absolute bottom-0 left-0 right-0 h-px overflow-hidden">
<svg <svg