let5see/clawdbot
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): harden idle background animation

Browse Source
This commit is contained in:
Peter Steinberger
2025-12-18 02:27:03 +01:00
parent 7bb058215d
commit 3df53836ca
2 changed files with 20 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
apps/android/app/src/main/java/com/steipete/clawdis/node/node/CanvasController.kt
View File

@@ -162,7 +162,10 @@ private val canvasHtml =
transparent 1px, transparent 48px), transparent 1px, transparent 48px),
repeating-linear-gradient(90deg, rgba(255,255,255,0.02) 0, rgba(255,255,255,0.02) 1px, repeating-linear-gradient(90deg, rgba(255,255,255,0.02) 0, rgba(255,255,255,0.02) 1px,
transparent 1px, transparent 48px); transparent 1px, transparent 48px);
transform: rotate(-7deg); transform: translate3d(0,0,0) rotate(-7deg);
will-change: transform, opacity;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
opacity: 0.45; opacity: 0.45;
pointer-events: none; pointer-events: none;
animation: clawdis-grid-drift 140s ease-in-out infinite alternate; animation: clawdis-grid-drift 140s ease-in-out infinite alternate;
@@ -178,6 +181,10 @@ private val canvasHtml =
filter: blur(28px); filter: blur(28px);
opacity: 0.52; opacity: 0.52;
mix-blend-mode: screen; mix-blend-mode: screen;
will-change: transform, opacity;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translate3d(0,0,0);
pointer-events: none; pointer-events: none;
animation: clawdis-glow-drift 110s ease-in-out infinite alternate; animation: clawdis-glow-drift 110s ease-in-out infinite alternate;
} }
@@ -211,6 +218,7 @@ private val canvasHtml =
background: rgba(18, 18, 22, 0.42); background: rgba(18, 18, 22, 0.42);
border: 1px solid rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.08);
box-shadow: 0 18px 60px rgba(0,0,0,0.55); box-shadow: 0 18px 60px rgba(0,0,0,0.55);
-webkit-backdrop-filter: blur(14px);
backdrop-filter: blur(14px); backdrop-filter: blur(14px);
} }
#clawdis-status .title { #clawdis-status .title {

14
apps/ios/Sources/Screen/ScreenController.swift
View File

@@ -126,10 +126,13 @@ final class ScreenController {
inset: -20%; inset: -20%;
background: background:
repeating-linear-gradient(0deg, rgba(255,255,255,0.02) 0, rgba(255,255,255,0.02) 1px, repeating-linear-gradient(0deg, rgba(255,255,255,0.02) 0, rgba(255,255,255,0.02) 1px,
transparent 1px, transparent 48px), transparent 1px, transparent 48px),
repeating-linear-gradient(90deg, rgba(255,255,255,0.02) 0, rgba(255,255,255,0.02) 1px, repeating-linear-gradient(90deg, rgba(255,255,255,0.02) 0, rgba(255,255,255,0.02) 1px,
transparent 1px, transparent 48px); transparent 1px, transparent 48px);
transform: rotate(-7deg); transform: translate3d(0,0,0) rotate(-7deg);
will-change: transform, opacity;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
opacity: 0.45; opacity: 0.45;
pointer-events: none; pointer-events: none;
animation: clawdis-grid-drift 140s ease-in-out infinite alternate; animation: clawdis-grid-drift 140s ease-in-out infinite alternate;
@@ -145,6 +148,10 @@ final class ScreenController {
filter: blur(28px); filter: blur(28px);
opacity: 0.52; opacity: 0.52;
mix-blend-mode: screen; mix-blend-mode: screen;
will-change: transform, opacity;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translate3d(0,0,0);
pointer-events: none; pointer-events: none;
animation: clawdis-glow-drift 110s ease-in-out infinite alternate; animation: clawdis-glow-drift 110s ease-in-out infinite alternate;
} }
@@ -178,6 +185,7 @@ final class ScreenController {
background: rgba(18, 18, 22, 0.42); background: rgba(18, 18, 22, 0.42);
border: 1px solid rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.08);
box-shadow: 0 18px 60px rgba(0,0,0,0.55); box-shadow: 0 18px 60px rgba(0,0,0,0.55);
-webkit-backdrop-filter: blur(14px);
backdrop-filter: blur(14px); backdrop-filter: blur(14px);
} }
#clawdis-status .title { #clawdis-status .title {