3dtours/RecipesCam
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

web: the preset tester steps through every frame in its slot

Browse Source
This commit is contained in:
3dtours
2026-09-18 21:02:30 +07:00
parent d3c5c47973
commit 2da045f232
2 changed files with 60 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docker/frontend/src/styles/landing.css
+23
View File
@@ -343,6 +343,29 @@ html { scroll-behavior: smooth; scroll-padding-top: 116px; }
.lp-tab[aria-pressed="true"] { border-color: var(--lp-amber); color: var(--lp-ink-amber); background: var(--accent-soft); }
.lp-view { position: relative; border-radius: 16px; overflow: hidden; border: 1px solid var(--lp-line); background: #000; }
.lp-view img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; transition: filter 380ms ease; }
.lp-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
width: 38px;
height: 38px;
display: grid;
place-items: center;
padding: 0;
border-radius: 50%;
border: 1px solid var(--lp-line);
background: rgba(0, 0, 0, 0.55);
color: var(--lp-text);
font: inherit;
font-size: 22px;
line-height: 1;
cursor: pointer;
transition: background 160ms ease, border-color 160ms ease, color 160ms ease;
}
.lp-arrow:hover, .lp-arrow:focus-visible { background: rgba(0, 0, 0, 0.85); border-color: var(--lp-amber); color: var(--lp-amber); }
.lp-arrow-prev { left: 10px; }
.lp-arrow-next { right: 10px; }
.lp-hud {
position: absolute;
inset: auto 0 0 0;