kangwan/20260512-skg-tk
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

auto-save 2026-05-15 15:59 (~4)

Browse Source
This commit is contained in:
kang
2026-05-15 16:00:08 +08:00
parent eabec39bdc
commit 4b44c285e5
4 changed files with 42 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
web/app/globals.css
View File

@@ -286,16 +286,16 @@
}
.login-eye {
position: relative;
width: 18px;
height: 18px;
width: 22px;
height: 22px;
border-radius: 999px;
background: white;
overflow: hidden;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.login-eye--small {
width: 16px;
height: 16px;
width: 20px;
height: 20px;
}
.login-eye::after,
.login-pupil::after {
@@ -303,15 +303,15 @@
position: absolute;
left: 50%;
top: 50%;
width: 7px;
height: 7px;
width: 8px;
height: 8px;
border-radius: 50%;
background: #2d2d2d;
transform: translate(var(--eye-x), var(--eye-y));
transition: transform 0.08s linear, opacity 0.2s ease;
}
.login-eye::after {
margin: -3.5px 0 0 -3.5px;
margin: -4px 0 0 -4px;
}
.login-pupil {
position: relative;
@@ -392,24 +392,24 @@
transform: skewX(0deg) translateY(-10px);
}
.login-page[data-mood="peek"] .login-eyes--purple {
left: 50px;
top: 20px;
left: 40px;
top: 14px;
}
.login-page[data-mood="peek"] .login-eyes--black {
left: 2px;
top: 20px;
}
.login-page[data-mood="peek"] .login-eyes--orange {
left: 68px;
top: 48px;
}
.login-page[data-mood="peek"] .login-eyes--yellow {
left: 10px;
top: 28px;
}
.login-page[data-mood="peek"] .login-eyes--orange {
left: 80px;
top: 55px;
}
.login-page[data-mood="peek"] .login-eyes--yellow {
left: 20px;
top: 35px;
}
.login-page[data-mood="peek"] .login-eye::after,
.login-page[data-mood="peek"] .login-pupil::after {
transform: translate(-5px, -4px);
transform: translate(-8px, -6px);
}
.login-page[data-mood="error"] .login-characters-container {
animation: login-stage-breathe 7s ease-in-out infinite, login-shake 0.28s ease-in-out 2;

2
web/app/login/page.tsx
View File

@@ -33,7 +33,7 @@ export default function LoginPage() {
const centerY = window.innerHeight / 2
const nextX = Math.max(-1, Math.min(1, (event.clientX - centerX) / centerX))
const nextY = Math.max(-1, Math.min(1, (event.clientY - centerY) / centerY))
setEyeOffset({ x: nextX * 5, y: nextY * 3 })
setEyeOffset({ x: nextX * 8, y: nextY * 5.5 })
}
window.addEventListener("pointermove", onPointerMove)
return () => window.removeEventListener("pointermove", onPointerMove)