Circuit-Forge/avocet
3
0
Fork 0
Code Issues 9 Pull requests 1 Projects Releases Packages Wiki Activity Actions

fix(avocet): grid pinned to viewport with height 100dvh + card ball floats above finger at scale 0.55

Browse source
This commit is contained in:
pyr0ball 2026-03-05 15:07:58 -08:00
parent 1ccac024a4
commit be3b52f150
2 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
web/src/components/EmailCardStack.vue
View file

@ -201,7 +201,7 @@ const cardStyle = computed(() => {
'transparent' 'transparent'
return { return {
transform: `translate(${deltaX.value}px, ${deltaY.value}px) scale(0.35)`, transform: `translate(${deltaX.value}px, ${deltaY.value - 80}px) scale(0.55)`,
borderRadius: '50%', borderRadius: '50%',
background: aura, background: aura,
transition: 'border-radius 150ms ease, background 150ms ease', transition: 'border-radius 150ms ease, background 150ms ease',

8
web/src/views/LabelView.vue
View file

@ -314,7 +314,8 @@ onUnmounted(() => {
padding: 1rem; padding: 1rem;
max-width: 640px; max-width: 640px;
margin: 0 auto; margin: 0 auto;
min-height: 100dvh; height: 100dvh; /* hard cap — prevents grid from drifting below fold */
overflow: hidden;
} }
.queue-status { .queue-status {
@ -418,7 +419,8 @@ onUnmounted(() => {
.card-stack-wrapper { .card-stack-wrapper {
flex: 1; flex: 1;
/* Give bottom breathing room so grid doesn't overlap content */ min-height: 0; /* allow flex child to shrink — default auto prevents this */
overflow-y: auto;
padding-bottom: 0.5rem; padding-bottom: 0.5rem;
} }
@ -426,8 +428,6 @@ onUnmounted(() => {
can be scrolled freely. "hired" (10th button) may clip on very small screens can be scrolled freely. "hired" (10th button) may clip on very small screens
— that is intentional per design. */ — that is intentional per design. */
.bucket-grid-footer { .bucket-grid-footer {
position: sticky;
bottom: 0;
background: var(--color-bg, var(--color-surface, #f0f4fc)); background: var(--color-bg, var(--color-surface, #f0f4fc));
padding: 0.5rem 0 0.75rem; padding: 0.5rem 0 0.75rem;
z-index: 10; z-index: 10;