Keep corgi artwork fully visible in mini program banners

2026-10-04 09:37:17 +08:00
parent c72cf24f56
commit 87dfc4f335
4 changed files with 43 additions and 45 deletions
@@ -2,31 +2,36 @@
  background: #dfeee2;
  border-radius: 34rpx;
  min-height: 245rpx;
-  padding: 36rpx;
-  position: relative;
-  overflow: hidden;
+  padding: 30rpx;
+  display: flex;
+  align-items: center;
+  gap: 12rpx;
 }
-.banner text,
-.banner strong {
+.banner-copy {
+  flex: 1;
+  min-width: 0;
+}
+.banner-copy text,
+.banner-title {
  display: block;
-  position: relative;
-  z-index: 2;
 }
-.banner text {
+.banner-copy text {
  color: #549375;
  font-size: 22rpx;
 }
-.banner strong {
+.banner-title {
  font-size: 35rpx;
  line-height: 1.3;
+  font-weight: 800;
+  white-space: nowrap;
+}
+.banner-title.first {
  margin-top: 16rpx;
 }
 .banner image {
-  width: 290rpx;
-  height: 220rpx;
-  position: absolute;
-  right: -30rpx;
-  bottom: 0;
+  width: 52%;
+  height: 190rpx;
+  flex-shrink: 0;
 }
 .add {
  font-size: 24rpx;