max/max-richter.dev
1
0
Fork 0
Code Issues 1 Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feat: some stuff

Browse Source
This commit is contained in:
max_richter
2024-04-08 01:06:23 +02:00
parent 02070007c4
commit cd6392a4a2
13 changed files with 85 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/GoogleyEye.svelte
View File

@@ -95,8 +95,7 @@
role="img"
aria-label="Toggle Googley Eyes"
aria-hidden="true"
on:keydown={(ev) => (ev.key === "Enter" ? ($visible = !$visible) : "")}
>
on:keydown={(ev) => (ev.key === "Enter" ? ($visible = !$visible) : "")}>
{#if $visible}
<div class="eye" bind:this={eye} transition:scale>
<div class="pupil"></div>
@@ -110,8 +109,10 @@
width: 100%;
height: 100%;
display: flex;
width: 50px;
height: 50px;
max-width: 50px;
max-height: 50px;
width: 10vw;
height: 10vw;
justify-content: center;
align-items: center;
}
@@ -119,8 +120,10 @@
.eye {
position: relative;
overflow: hidden;
width: 50px;
height: 50px;
max-width: 50px;
max-height: 50px;
width: 10vw;
height: 10vw;
border-radius: 50%;
background-color: white;
display: flex;