burrito.space / peek
experiments in a post-browser web
10
fork

Configure Feed

Select the types of activity you want to include in your feed.

fix: match navbar border to card/cmd bar style, reduce animation durations

Navbar gets two-layer border treatment (inner light + outer dark ring)
matching pagestream cards and cmd bar. Card ghost animation reduced to
0.2s, webview fade-in reduced to 0.15s.

burrito.space 5c84c065 091c40b8

+4 -3
+2 -1
app/components/peek-navbar.js
··· 65 65 color: var(--theme-text, #e0e0e0); 66 66 font-family: var(--theme-font-sans, system-ui, -apple-system, BlinkMacSystemFont, sans-serif); 67 67 font-size: 15px; 68 - border: none; 68 + border: 1px solid rgba(255, 255, 255, 0.2); 69 + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); 69 70 border-radius: 10px; 70 71 user-select: none; 71 72 -webkit-user-select: none;
+1 -1
app/page/index.html
··· 45 45 overflow: hidden; 46 46 -webkit-mask-image: -webkit-radial-gradient(white, white); 47 47 opacity: 0; 48 - transition: opacity 0.3s ease; 48 + transition: opacity 0.15s ease; 49 49 } 50 50 51 51 webview.ready {
+1 -1
extensions/pagestream/home.js
··· 49 49 50 50 // ===== State ===== 51 51 52 - const ANIM_DURATION = '0.33s'; 52 + const ANIM_DURATION = '0.2s'; 53 53 const ANIM_EASE = 'cubic-bezier(0.4, 0, 0.2, 1)'; 54 54 55 55 let state = {