fix: styles
This commit is contained in:
parent
78bff3f2ed
commit
d5fe272460
|
|
@ -102,7 +102,7 @@ export function ApiKeyWidget() {
|
||||||
{/* COLLAPSED STATE - Always rendered to maintain layout space */}
|
{/* COLLAPSED STATE - Always rendered to maintain layout space */}
|
||||||
<button
|
<button
|
||||||
onClick={() => setExpanded(true)}
|
onClick={() => setExpanded(true)}
|
||||||
className={`group px-3 bg-slate-900/95 backdrop-blur-sm border border-slate-700 rounded-lg hover:border-purple-500/50 transition-all flex items-center ${
|
className={`group px-3 bg-transparent backdrop-blur-sm border-none rounded-lg hover:border-purple-500/50 transition-all flex items-center ${
|
||||||
isMobileContext
|
isMobileContext
|
||||||
? 'w-auto max-w-full py-2.5 h-11' // Mobile: auto-width, larger touch target
|
? 'w-auto max-w-full py-2.5 h-11' // Mobile: auto-width, larger touch target
|
||||||
: 'py-2 h-10' // Desktop: original size
|
: 'py-2 h-10' // Desktop: original size
|
||||||
|
|
|
||||||
|
|
@ -108,7 +108,7 @@ export const SubsectionNav = ({ items, currentPath, leftSlot, rightSlot }: Subse
|
||||||
|
|
||||||
{/* Right Slot - Absolutely Positioned */}
|
{/* Right Slot - Absolutely Positioned */}
|
||||||
{rightSlot && (
|
{rightSlot && (
|
||||||
<div className="absolute top-0 right-0 h-12 flex items-center pr-6 hidden xl:flex">
|
<div className="absolute top-0 right-0 h-12 flex items-center pr-0 hidden xl:flex">
|
||||||
{rightSlot}
|
{rightSlot}
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue