Adjust camera stage alignment and add vertical transformations for improved layout

This commit is contained in:
Matt Batchelder
2026-02-21 10:34:17 -05:00
parent 5d09382d0d
commit c42c7d7dbc

View File

@@ -3370,7 +3370,7 @@ p:last-child { margin-bottom: 0; }
.cam-stage { .cam-stage {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: flex-end; align-items: center;
justify-content: center; justify-content: center;
gap: 12px; gap: 12px;
padding-bottom: 4px; padding-bottom: 4px;
@@ -3386,7 +3386,6 @@ p:last-child { margin-bottom: 0; }
position: relative; position: relative;
overflow: hidden; overflow: hidden;
flex-shrink: 0; flex-shrink: 0;
align-self: center;
background-image: background-image:
linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px); linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
@@ -3456,6 +3455,7 @@ p:last-child { margin-bottom: 0; }
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
flex-shrink: 0; flex-shrink: 0;
transform: translateY(-12px);
} }
.pc-body { .pc-body {
width: 90px; width: 90px;
@@ -3610,6 +3610,7 @@ p:last-child { margin-bottom: 0; }
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
flex-shrink: 0; flex-shrink: 0;
transform: translateY(12px);
} }
.vc-camera { .vc-camera {
display: flex; display: flex;