morten/morten-olsen.github.io
1
0
Fork 0
mirror of https://github.com/morten-olsen/morten-olsen.github.io.git synced 2026-02-08 01:46:28 +01:00
Code Issues Packages Projects Releases Wiki Activity

Attempted to fix iOS bug

Browse Source
This commit is contained in:
Morten Olsen
2021-08-27 22:19:11 +02:00
parent 4606cbec9c
commit a34094570c
2 changed files with 3 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/Me.tsx
View File

@@ -20,8 +20,6 @@ const ImageWrapper = styled.div<{loaded: boolean}>`
position: relative; position: relative;
transition: all .6s; transition: all .6s;
transform: rotateY(180deg); transform: rotateY(180deg);
opacity: ${({ loaded }) => loaded ? '1' : '0'};
transform: ${({ loaded }) => loaded ? 'rotateY(180deg)' : 'rotateY(90deg) translateX(-300px)'};
`; `;
const Spacer = styled.div` const Spacer = styled.div`
@@ -80,8 +78,8 @@ const Me: React.FC<{}> = () => {
const imgRef = useRef<HTMLImageElement>(); const imgRef = useRef<HTMLImageElement>();
const [loaded, setLoaded] = useState(false); const [loaded, setLoaded] = useState(false);
useEffect(() => { useEffect(() => {
if (imgRef.current) { if (imgRef.current && imgRef.current.complete) {
setLoaded(imgRef.current.complete); setLoaded(true);
} }
}, [imgRef]); }, [imgRef]);
return ( return (

2
components/Social.tsx
View File

@@ -31,7 +31,7 @@ const Wrapper = styled.div`
align-items: center; align-items: center;
height: 100%; height: 100%;
flex-wrap: wrap; flex-wrap: wrap;
max-width: 1000px; max-width: 1600px;
`; `;
const ItemWrapper = styled.a` const ItemWrapper = styled.a`