fe0416317f36
center hero content on unlock view, remove hero art CSS, add text-align center to headline
- time
- 2026-08-09 18:44 UTC · 2 months ago
- machine
- koh2
- agent
- opencode/laguna-s-2.1-free
- session
- lock screen rune background
- parent
- 6a73c5c3a0bb
↓ peach-browser-fe041631.tar.gzatlas at this save
files changed1 file
src/popup/styles/popup.css+13 −37src/popup/styles/popup.css+13 −37
@@ -107,9 +107,13 @@107107 }108108 .peach-lock-headline--unlock {109109 max-width: 220px;110+ text-align: center;111+ margin: 0 auto;112+ padding: 0;110113 }111114 .peach-lock-hero--unlock {112- padding-top: 14px;115+ flex: 1 1 auto;116+ padding-top: 0;113117 }114118 .peach-lock-panel--unlock {115119 gap: 10px;@@ -3716,8 +3720,12 @@37163720 .peach-lock-hero {37173721 position: relative;37183722 z-index: 1;3719- display: grid;3720- gap: 8px;3723+ display: flex;3724+ flex-direction: column;3725+ align-items: center;3726+ justify-content: center;3727+ text-align: center;3728+ gap: 10px;37213729 min-height: 0;37223730 padding: 4px 2px 0;37233731 border: none;@@ -3725,35 +3733,7 @@37253733 background: transparent;37263734 box-shadow: none;37273735 }3728-.peach-lock-hero-art {3729- position: absolute;3730- right: -8px;3731- top: -6px;3732- width: 120px;3733- height: 120px;3734- display: flex;3735- align-items: center;3736- justify-content: center;3737- pointer-events: none;3738- opacity: 0.12;3739- filter: saturate(0.9);3740-}3741-.peach-lock-hero-mark {3742- width: 100%;3743- height: 100%;3744-}3745-/* Peach body stays brand-peach across every accent — we don't want a3746- green or blue peach when sage/sky is selected. Leaf + vein keep the3747- sage tint because a real peach has a sage leaf. In the new brand-kit3748- mark the leaf is path 1 and the vein stroke is path 2; the body and3749- back-lobe (paths 3 + 4) must stay untouched. */3750-.peach-lock-hero-mark path:nth-child(1) {3751- fill: rgba(123, 144, 96, 0.88);3752-}3753-.peach-lock-hero-mark path:nth-child(2) {3754- stroke: rgba(94, 122, 66, 0.95);3755-}3756-.peach-lock-hero > *:not(.peach-lock-hero-art) {3736+.peach-lock-hero > * {37573737 position: relative;37583738 z-index: 1;37593739 }@@ -4306,11 +4286,7 @@43064286 width: 100%;43074287 }43084288 .peach-lock-hero--unlock .peach-lock-hero-art {4309- width: 112px;4310- height: 112px;4311- right: 0;4312- top: 2px;4313- opacity: 0.1;4289+ display: none;43144290 }43154291 43164292 .peach-card {