dearwolf/aider
1
0
Fork 0
mirror of https://github.com/Aider-AI/aider.git synced 2025-06-12 07:35:00 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

style: Add decorative curved lines to macos-backdrop background

Browse source
This commit is contained in:
Paul Gauthier (aider) 2025-03-18 18:58:05 -07:00
parent fb3f8439e2
commit 89b008e1eb
1 changed files with 19 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

19
aider/website/_includes/recording.css
View file

@ -100,6 +100,25 @@
bottom: 0; bottom: 0;
background: radial-gradient(circle at center, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 70%); background: radial-gradient(circle at center, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 70%);
opacity: 0.7; opacity: 0.7;
pointer-events: none;
}
/* Add decorative curved lines to the backdrop */
.macos-backdrop::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image:
radial-gradient(circle at 20% 30%, transparent 0%, transparent 60%, rgba(255,255,255,0.1) 61%, transparent 62%),
radial-gradient(circle at 80% 70%, transparent 0%, transparent 40%, rgba(255,255,255,0.1) 41%, transparent 42%),
radial-gradient(circle at 40% 90%, transparent 0%, transparent 70%, rgba(255,255,255,0.1) 71%, transparent 72%),
radial-gradient(circle at 60% 10%, transparent 0%, transparent 50%, rgba(255,255,255,0.1) 51%, transparent 52%);
background-size: 100% 100%;
opacity: 0.8;
pointer-events: none;
} }
.terminal-container { .terminal-container {