timmypidashev/web
1
0
Fork 0
mirror of https://github.com/timmypidashev/web.git synced 2026-04-14 11:03:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

mobile optimizations

Browse Source
This commit is contained in:
Timothy Pidashev
2026-04-06 14:37:07 -07:00
parent 16f271c1c9
commit 3f103c3e15
6 changed files with 18 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/about/intro.tsx
View File

@@ -13,13 +13,13 @@ export default function Intro() {
const inView = rect.top < window.innerHeight && rect.bottom > 0;
const isReload = performance.getEntriesByType?.("navigation")?.[0]?.type === "reload";
const isSpaNav = !!(window as any).__astroNavigation;
const mobile = window.innerWidth < 1024;
if (inView && (isReload || isSpaNav)) {
if (inView && (mobile || isReload || isSpaNav)) {
setVisible(true);
return;
}
if (inView) {
// Fresh navigation — animate in
requestAnimationFrame(() => setVisible(true));
return;
}

3
src/components/about/stats-alltime.tsx
View File

@@ -29,8 +29,9 @@ const Stats = () => {
const inView = rect.top < window.innerHeight && rect.bottom > 0;
const isReload = performance.getEntriesByType?.("navigation")?.[0]?.type === "reload";
const isSpaNav = !!(window as any).__astroNavigation;
const mobile = window.innerWidth < 1024;
if (inView && (isReload || isSpaNav)) {
if (inView && (mobile || isReload || isSpaNav)) {
setSkipAnim(true);
setIsVisible(true);
return;

3
src/components/about/stats-detailed.tsx
View File

@@ -36,8 +36,9 @@ const DetailedStats = () => {
const inView = rect.top < window.innerHeight && rect.bottom > 0;
const isReload = performance.getEntriesByType?.("navigation")?.[0]?.type === "reload";
const isSpaNav = !!(window as any).__astroNavigation;
const mobile = window.innerWidth < 1024;
if (inView && (isReload || isSpaNav)) {
if (inView && (mobile || isReload || isSpaNav)) {
setSkipAnim(true);
setVisible(true);
return;

4
src/components/about/timeline.tsx
View File

@@ -53,7 +53,9 @@ function TimelineCard({ item, index }: { item: (typeof timelineItems)[number]; i
const isReload = performance.getEntriesByType?.("navigation")?.[0]?.type === "reload";
const isSpaNav = !!(window as any).__astroNavigation;
if (inView && (isReload || isSpaNav)) {
const mobile = window.innerWidth < 1024;
if (inView && (mobile || isReload || isSpaNav)) {
setSkip(true);
setVisible(true);
return;