v3.9.5: Добавлена возможность копирования желаний, исправлена замена изображений

play-life-web/src/components/WishlistDetail.css

@@ -34,13 +34,13 @@
   font-size: 1.5rem;
   font-weight: 600;
   color: #1f2937;
-  margin: 0 0 1.5rem 0;
+  margin: 0 0 0.75rem 0;
 }
 
 .wishlist-detail-content {
   background: white;
   border-radius: 0.5rem;
-  padding: 1.5rem;
+  padding: 1rem;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
 }
 
@@ -49,7 +49,7 @@
   aspect-ratio: 5 / 6;
   border-radius: 12px;
   overflow: hidden;
-  margin-bottom: 1rem;
+  margin-bottom: 0.5rem;
   background: #f0f0f0;
 }
 
@@ -63,11 +63,11 @@
   font-size: 1.5rem;
   font-weight: 600;
   color: #2c3e50;
-  margin-bottom: 1rem;
+  margin-bottom: 0.5rem;
 }
 
 .wishlist-detail-link {
-  margin-bottom: 1rem;
+  margin-bottom: 0.5rem;
 }
 
 .wishlist-detail-link a {
@@ -83,19 +83,21 @@
 }
 
 .wishlist-detail-conditions {
-  margin-bottom: 1.5rem;
+  margin-bottom: 0.75rem;
 }
 
 .wishlist-detail-section-title {
   font-size: 1.1rem;
   font-weight: 600;
   color: #2c3e50;
-  margin: 0 0 0.75rem 0;
+  margin: 0 0 0.5rem 0;
 }
 
 .wishlist-detail-condition {
-  padding: 0.75rem 0;
+  padding: 0.75rem;
   font-size: 0.95rem;
+  border-radius: 8px;
+  margin-bottom: 0.5rem;
 }
 
 .wishlist-detail-condition.met {
@@ -110,7 +112,7 @@
   display: flex;
   align-items: center;
   gap: 0.5rem;
-  margin-bottom: 0.5rem;
+  margin-bottom: 0.25rem;
 }
 
 .condition-icon {
@@ -122,7 +124,7 @@
 }
 
 .condition-progress {
-  margin-top: 0.5rem;
+  margin-top: 0.25rem;
   margin-left: calc(16px + 0.5rem);
 }
 
@@ -149,13 +151,22 @@
 .progress-text {
   font-size: 0.85rem;
   color: #666;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+.progress-remaining {
+  color: #e74c3c;
+  font-weight: 500;
 }
 
 .wishlist-detail-actions {
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
-  margin-top: 1.5rem;
+  margin-top: 0.75rem;
 }
 
 .wishlist-detail-edit-button,