PageSpeed monitoring, Polar billing, sidebar polish, frontend consistency audit #68
@@ -11,9 +11,11 @@ const Sidebar = dynamic(() => import('./Sidebar'), {
|
|||||||
// so page content never occupies the sidebar zone
|
// so page content never occupies the sidebar zone
|
||||||
loading: () => (
|
loading: () => (
|
||||||
<div
|
<div
|
||||||
className="hidden md:block shrink-0 border-r border-neutral-800/60 bg-neutral-900/90 backdrop-blur-xl"
|
className="hidden md:block shrink-0 border-r border-neutral-800/60 bg-neutral-900/90 backdrop-blur-xl overflow-hidden relative"
|
||||||
style={{ width: 64 }}
|
style={{ width: 64 }}
|
||||||
/>
|
>
|
||||||
|
<div className="absolute inset-0 bg-gradient-to-r from-transparent via-neutral-800/10 to-transparent animate-shimmer" />
|
||||||
|
</div>
|
||||||
),
|
),
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|||||||
@@ -548,8 +548,8 @@ export default function Sidebar({
|
|||||||
{(mobileOpen || mobileClosing) && (
|
{(mobileOpen || mobileClosing) && (
|
||||||
<>
|
<>
|
||||||
<div
|
<div
|
||||||
className={`fixed inset-0 z-40 md:hidden transition-opacity duration-200 ${
|
className={`fixed inset-0 z-40 bg-black/30 md:hidden transition-opacity duration-200 ${
|
||||||
mobileClosing ? 'bg-black/0' : 'bg-black/30'
|
mobileClosing ? 'opacity-0' : 'opacity-100'
|
||||||
}`}
|
}`}
|
||||||
onClick={handleMobileClose}
|
onClick={handleMobileClose}
|
||||||
/>
|
/>
|
||||||
|
|||||||
Reference in New Issue
Block a user