luddie/Calender
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix transparent blocks: add -webkit-backdrop-filter and adjust opacity

Browse Source 
- 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>
This commit is contained in:
Calender
2026-02-16 17:35:51 +13:00
parent 189a340321
commit 691d5bac55
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
static/css/style.css
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;