towsty/aigen
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Add batch still arrows, hide output only on tap, and cut studio lag.

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Towsty
2026-08-31 07:24:32 -05:00
co-authored by Cursor
parent f51fd4b159
commit 6624fb6f93
8 changed files with 367 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/main.css
+46 -19
View File
@@ -47,31 +47,22 @@ textarea {
}
.glass {
background: rgba(24, 24, 27, 0.72);
background: rgba(24, 24, 27, 0.88);
border: 1px solid rgba(255, 255, 255, 0.06);
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
backdrop-filter: blur(18px);
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
}
@media (hover: hover) and (min-width: 768px) {
.glass {
background: rgba(24, 24, 27, 0.72);
backdrop-filter: blur(8px);
}
}
.progress-glow {
box-shadow: 0 0 24px rgba(251, 191, 36, 0.35);
}
@keyframes sensitive-pulse {
0%, 100% {
box-shadow:
0 0 28px rgba(251, 191, 36, 0.25),
0 0 90px rgba(251, 191, 36, 0.18),
inset 0 0 60px rgba(251, 191, 36, 0.08);
}
50% {
box-shadow:
0 0 48px rgba(251, 191, 36, 0.55),
0 0 140px rgba(244, 114, 182, 0.28),
inset 0 0 80px rgba(251, 191, 36, 0.16);
}
}
.aigen-slider {
-webkit-appearance: none;
appearance: none;
@@ -109,7 +100,6 @@ textarea {
}
.sensitive-glow {
animation: sensitive-pulse 2.2s ease-in-out infinite;
background:
radial-gradient(circle at 50% 45%, rgba(251, 191, 36, 0.22), transparent 42%),
radial-gradient(circle at 50% 55%, rgba(244, 114, 182, 0.16), transparent 55%),
@@ -120,3 +110,40 @@ textarea {
content-visibility: auto;
contain-intrinsic-size: auto 15rem;
}
.studio-library-card {
content-visibility: auto;
contain-intrinsic-size: auto 5.5rem;
}
.family-nav {
display: flex;
height: 2.75rem;
width: 2.75rem;
align-items: center;
justify-content: center;
border-radius: 999px;
border: 1px solid rgba(255, 255, 255, 0.2);
background: rgba(9, 9, 11, 0.78);
color: #fde68a;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
}
.family-nav:hover {
border-color: rgba(252, 211, 77, 0.55);
color: #fffbeb;
}
.family-nav-prev {
position: absolute;
left: 0.5rem;
top: 50%;
transform: translateY(-50%);
}
.family-nav-next {
position: absolute;
right: 0.5rem;
top: 50%;
transform: translateY(-50%);
}