Улучшен интерфейс POS: фиксированная правая панель с корзиной и 9 кнопками действий

This commit is contained in:
2025-11-16 13:57:44 +03:00
parent 139ac431ee
commit 8cf076c49e
2 changed files with 59 additions and 24 deletions

View File

@@ -51,3 +51,45 @@ body {
color: #6c757d;
font-style: italic;
}
/* Фиксация правой панели (корзина + кнопки) */
.right-panel-fixed {
position: fixed;
top: 56px; /* высота navbar */
right: 0;
bottom: 0;
width: 33.333%; /* 4/12 колонок */
overflow-y: auto;
padding: 1rem;
padding-right: 1.5rem;
z-index: 100;
display: flex;
flex-direction: column;
}
@media (max-width: 767.98px) {
.right-panel-fixed {
width: 100%;
left: 0;
}
}
/* Панель кнопок внутри фиксированного блока */
.action-buttons-panel {
margin-top: auto;
}
/* Стили для кнопок в панели действий */
.action-buttons-panel .btn {
font-size: 0.75rem;
line-height: 1.2;
white-space: normal;
word-wrap: break-word;
overflow: hidden;
text-overflow: ellipsis;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0.5rem;
}