Mercurial
comparison mrjunejune/src/base.css @ 209:3b47e82ac57e
[MrJuneJune] PWA updates.
| author | MrJuneJune <me@mrjunejune.com> |
|---|---|
| date | Sun, 15 Feb 2026 15:43:26 -0800 |
| parents | 1c0878eb17de |
| children |
comparison
equal
deleted
inserted
replaced
| 208:5d3e116dd745 | 209:3b47e82ac57e |
|---|---|
| 357 overflow-x: auto; | 357 overflow-x: auto; |
| 358 } | 358 } |
| 359 } | 359 } |
| 360 | 360 |
| 361 | 361 |
| 362 /* pwa icon */ | |
| 363 #pwa-install-btn { | |
| 364 position: fixed; | |
| 365 bottom: 20px; | |
| 366 right: 20px; | |
| 367 padding: 12px 24px 12px 36px; | |
| 368 background: #000000; | |
| 369 color: #eeffee; | |
| 370 border: none; | |
| 371 border-radius: 8px; | |
| 372 cursor: pointer; | |
| 373 font-size: 14px; | |
| 374 font-weight: bold; | |
| 375 box-shadow: 0 4px 12px rgba(0,0,0,0.2); | |
| 376 z-index: 1000; | |
| 377 font-family: inherit; | |
| 378 } | |
| 379 | |
| 380 #pwa-install-btn.with-icon::before { | |
| 381 content: ""; | |
| 382 position: absolute; | |
| 383 left: 14px; | |
| 384 top: 50%; | |
| 385 transform: translateY(-50%); | |
| 386 width: 18px; | |
| 387 height: 18px; | |
| 388 | |
| 389 /* Masked icon */ | |
| 390 -webkit-mask: url('/public/paw.svg') no-repeat center; | |
| 391 mask: url('/public/paw.svg') no-repeat center; | |
| 392 mask-size: contain; | |
| 393 mask-repeat: no-repeat; | |
| 394 | |
| 395 /* Icon color = button text color */ | |
| 396 background-color: currentColor; | |
| 397 } | |
| 398 |