Mercurial
diff mrjunejune/src/base.css @ 219:8c9bb0b0759e hg-web
[hg-web] Merge current Zenbu baseline
| author | MrJuneJune <me@mrjunejune.com> |
|---|---|
| date | Sun, 02 Aug 2026 08:34:54 -0700 |
| parents | 3b47e82ac57e |
| children | 30c2196d03d4 |
line wrap: on
line diff
--- a/mrjunejune/src/base.css Sun Aug 02 08:34:28 2026 -0700 +++ b/mrjunejune/src/base.css Sun Aug 02 08:34:54 2026 -0700 @@ -359,3 +359,40 @@ } +/* pwa icon */ +#pwa-install-btn { + position: fixed; + bottom: 20px; + right: 20px; + padding: 12px 24px 12px 36px; + background: #000000; + color: #eeffee; + border: none; + border-radius: 8px; + cursor: pointer; + font-size: 14px; + font-weight: bold; + box-shadow: 0 4px 12px rgba(0,0,0,0.2); + z-index: 1000; + font-family: inherit; +} + +#pwa-install-btn.with-icon::before { + content: ""; + position: absolute; + left: 14px; + top: 50%; + transform: translateY(-50%); + width: 18px; + height: 18px; + + /* Masked icon */ + -webkit-mask: url('/public/paw.svg') no-repeat center; + mask: url('/public/paw.svg') no-repeat center; + mask-size: contain; + mask-repeat: no-repeat; + + /* Icon color = button text color */ + background-color: currentColor; +} +