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
1 file src/popup/styles/popup.css+13 −37
src/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 {

view file