v2.9.0: Улучшения экрана списка задач - оптимизация загрузки, toast уведомления, исправление центрирования
Some checks failed
Build and Push Docker Image / build-and-push (push) Failing after 44s
Some checks failed
Build and Push Docker Image / build-and-push (push) Failing after 44s
This commit is contained in:
34
play-life-web/src/components/Toast.css
Normal file
34
play-life-web/src/components/Toast.css
Normal file
@@ -0,0 +1,34 @@
|
||||
.toast {
|
||||
position: fixed;
|
||||
bottom: calc(80px + env(safe-area-inset-bottom, 0px));
|
||||
left: 50%;
|
||||
transform: translateX(-50%) translateY(100px);
|
||||
z-index: 1000;
|
||||
background: white;
|
||||
border-radius: 0.5rem;
|
||||
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
|
||||
padding: 1rem 1.5rem;
|
||||
min-width: 250px;
|
||||
max-width: 400px;
|
||||
opacity: 0;
|
||||
transition: all 0.3s ease-out;
|
||||
}
|
||||
|
||||
.toast-visible {
|
||||
transform: translateX(-50%) translateY(0);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.toast-content {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.75rem;
|
||||
}
|
||||
|
||||
.toast-message {
|
||||
color: #1f2937;
|
||||
font-size: 0.875rem;
|
||||
font-weight: 500;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user