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

Исправления списка словарей: крестик и отступы
All checks were successful
Build and Push Docker Image / build-and-push (push) Successful in 47s
Details

Browse Source
This commit is contained in:
poignatov
2026-01-14 18:03:29 +03:00
parent 0e509dd61a
commit 7200cdfda9
5 changed files with 32 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
VERSION
View File

@@ -1 +1 @@
3.14.2 3.14.3

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

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

4
play-life-web/src/App.jsx
View File

@@ -755,6 +755,10 @@ function AppContent() {
if (activeTab === 'priorities') { if (activeTab === 'priorities') {
return 'px-4 md:px-8 py-0' return 'px-4 md:px-8 py-0'
} }
// Для экрана словарей используем такие же отступы как для приоритетов
if (activeTab === 'dictionaries') {
return 'px-4 md:px-8 py-0'
}
// Для остальных fullscreen экранов без отступов // Для остальных fullscreen экранов без отступов
return 'p-0' return 'p-0'
} }

35
play-life-web/src/components/DictionaryList.css
View File

@@ -1,31 +1,40 @@
.dictionary-list { .dictionary-list {
padding-top: 0; padding-top: 0;
position: relative; position: relative;
padding-bottom: 5rem;
} }
.dictionary-back-button { .dictionary-close-button {
position: absolute; position: fixed;
top: 0; top: 1rem;
left: 0; right: 1rem;
background: transparent; background: rgba(255, 255, 255, 0.9);
border: none; border: none;
border-radius: 8px; font-size: 1.5rem;
padding: 0.5rem; color: #7f8c8d;
cursor: pointer; cursor: pointer;
color: #2c3e50; width: 40px;
transition: all 0.2s; height: 40px;
z-index: 10; display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: background-color 0.2s, color 0.2s;
z-index: 1600;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
} }
.dictionary-back-button:hover { .dictionary-close-button:hover {
background: rgba(0, 0, 0, 0.05); background-color: #ffffff;
color: #2c3e50;
} }
.dictionaries-grid { .dictionaries-grid {
display: grid; display: grid;
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
gap: 1rem; gap: 1rem;
padding-top: 2.5rem; padding-top: 4rem;
margin-bottom: 1rem;
} }
.dictionary-card { .dictionary-card {

9
play-life-web/src/components/DictionaryList.jsx
View File

@@ -115,14 +115,13 @@ function DictionaryList({ onNavigate, refreshTrigger = 0 }) {
return ( return (
<div className="dictionary-list"> <div className="dictionary-list">
{/* Кнопка назад */} {/* Кнопка закрытия */}
<button <button
className="dictionary-back-button" className="dictionary-close-button"
onClick={() => onNavigate?.('profile')} onClick={() => onNavigate?.('profile')}
title="Закрыть"
> >
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"> ✕
<path d="M19 12H5M12 19l-7-7 7-7"/>
</svg>
</button> </button>
<div className="dictionaries-grid"> <div className="dictionaries-grid">