poignatov/play-life
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

4.10.2: Синхронизация теней кнопок доски
All checks were successful
Build and Push Docker Image / build-and-push (push) Successful in 1m5s
Details

Browse Source
This commit is contained in:
poignatov
2026-02-03 16:45:35 +03:00
parent 23184f4b66
commit 0c5f7fa9d9
3 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
VERSION
View File

@@ -1 +1 @@
4.10.1 4.10.2

2
play-life-web/package.json
View File

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

15
play-life-web/src/components/BoardSelector.css
View File

@@ -28,18 +28,18 @@
height: 52px; height: 52px;
padding: 0 20px; padding: 0 20px;
background: white; background: white;
border: none; border: 1px solid #e5e7eb;
border-radius: 26px; border-radius: 26px;
font-size: 17px; font-size: 17px;
font-weight: 500; font-weight: 500;
color: #1f2937; color: #1f2937;
cursor: pointer; cursor: pointer;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.06);
} }
.board-pill:hover:not(:disabled) { .board-pill:hover:not(:disabled) {
box-shadow: 0 4px 12px rgba(102, 126, 234, 0.15), 0 2px 4px rgba(0, 0, 0, 0.08); border-color: #6366f1;
box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
transform: translateY(-1px); transform: translateY(-1px);
} }
@@ -48,7 +48,8 @@
} }
.board-pill.open { .board-pill.open {
box-shadow: 0 4px 12px rgba(102, 126, 234, 0.2), 0 2px 4px rgba(0, 0, 0, 0.08); border-color: #6366f1;
box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
} }
.board-pill:disabled { .board-pill:disabled {
@@ -88,19 +89,19 @@
height: 52px; height: 52px;
padding: 0; padding: 0;
background: white; background: white;
border: none; border: 1px solid #e5e7eb;
border-radius: 50%; border-radius: 50%;
cursor: pointer; cursor: pointer;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
color: #6b7280; color: #6b7280;
flex-shrink: 0; flex-shrink: 0;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.06);
} }
.board-action-btn:hover { .board-action-btn:hover {
background: #f9fafb; background: #f9fafb;
color: #374151; color: #374151;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); border-color: #6366f1;
box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
transform: translateY(-1px); transform: translateY(-1px);
} }