2 Commits

Author SHA1 Message Date
2e50370e2c Merge pull request 'Fix transparent blocks: add -webkit-backdrop-filter and adjust opacity' (#1) from fix/transparent-blocks into first
Reviewed-on: #1
2026-02-16 17:38:27 +13:00
Calender
691d5bac55 Fix transparent blocks: add -webkit-backdrop-filter and adjust opacity
- Add -webkit-backdrop-filter for Safari/Chromium (e.g. Raspberry Pi)
- Use rgba(0,0,0,0.15) so header, section and footer show background through

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-02-16 17:35:51 +13:00

View File

@@ -55,7 +55,8 @@ body {
justify-content: space-between;
align-items: flex-start;
margin-bottom: 1rem;
background: rgba(0, 0, 0, 0.05);
background: rgba(0, 0, 0, 0.15);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
padding: 1rem 1.5rem;
border-radius: 10px;
@@ -150,7 +151,8 @@ body {
/* Sections */
section {
background: rgba(0, 0, 0, 0.05);
background: rgba(0, 0, 0, 0.15);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
padding: 1rem 1.5rem;
border-radius: 10px;
@@ -329,7 +331,8 @@ section h3 {
/* Footer */
.footer {
margin-top: 1rem;
background: rgba(0, 0, 0, 0.05);
background: rgba(0, 0, 0, 0.15);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
padding: 0.8rem 1.5rem;
border-radius: 10px;