Кнопка добавления в списке желаний

VERSION

@@ -1 +1 @@
-3.12.0
+3.12.1

play-life-web/package.json

@@ -1,6 +1,6 @@
 {
   "name": "play-life-web",
-  "version": "3.12.0",
+  "version": "3.12.1",
   "type": "module",
   "scripts": {
     "dev": "vite",

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

@@ -5,22 +5,35 @@
 }
 
 .add-wishlist-button {
-  width: 100%;
+  background: transparent;
-  padding: 0.75rem 1rem;
+  border: 2px dashed #6b8dd6;
-  background: linear-gradient(to right, #6366f1, #8b5cf6);
+  border-radius: 18px;
-  color: white;
+  padding: 0;
-  border: none;
+  transition: transform 0.2s, box-shadow 0.2s, background-color 0.2s;
-  border-radius: 0.5rem;
+  display: flex;
-  font-size: 1rem;
+  flex-direction: column;
-  font-weight: 500;
+  justify-content: center;
+  align-items: center;
   cursor: pointer;
-  margin-bottom: 1.5rem;
+  aspect-ratio: 5 / 6;
-  transition: all 0.2s;
+  position: relative;
 }
 
 .add-wishlist-button:hover {
-  transform: translateY(-1px);
+  transform: translateY(-2px);
-  box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
+  box-shadow: 0 4px 12px rgba(107, 141, 214, 0.2);
+  background-color: rgba(107, 141, 214, 0.05);
+  border-color: #5b7fc7;
+}
+
+.add-wishlist-icon {
+  font-size: 3rem;
+  font-weight: bold;
+  color: #6b8dd6;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 1;
 }
 
 .section-divider {

play-life-web/src/components/Wishlist.jsx

@@ -453,17 +453,16 @@ function Wishlist({ onNavigate, refreshTrigger = 0, isActive = false }) {
 
   return (
     <div className="wishlist">
-      {/* Кнопка добавления */}
-      <button onClick={handleAddClick} className="add-wishlist-button">
-        Добавить
-      </button>
-
       {/* Основной список (разблокированные и заблокированные вместе) */}
-      {items.length > 0 && (
       <div className="wishlist-grid">
         {items.map(renderItem)}
+        <button 
+          onClick={handleAddClick} 
+          className="add-wishlist-button"
+        >
+          <div className="add-wishlist-icon">+</div>
+        </button>
       </div>
-      )}
 
       {/* Завершённые - показываем только если есть завершённые желания */}
       {completedCount > 0 && (