admin/odoo-chennora-pos
1
0
Fork 0
forked from alaguraj/odoo-testing-addons
Code Pull Requests Activity

introduce a new premium 'Rush Mode' POS theme and update docker-compose configuration.

Browse Source
This commit is contained in:
Alaguraj0361 2026-03-25 19:40:59 +05:30
parent 7d7d79185f
commit 471b09861c
1 changed files with 100 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

107
addons/dine360_dashboard/static/src/css/pos_style.css
View File

@ -34,9 +34,8 @@
/* height: calc(100vh - 85px) !important;
} */
.pos .leftpane,
.pos .order-container {
/* The Cart Section - Move to Right */
.pos .leftpane {
/* The Cart Section - Now on Right */
width: 480px !important;
border-left: 2px solid #f1f5f9 !important;
border-right: none !important;
@ -44,18 +43,38 @@
display: flex !important;
flex-direction: column !important;
flex: none !important;
height: 37.9vh !important;
height: calc(100vh - 85px) !important;
overflow: hidden !important;
z-index: 100 !important;
}
.pos .order-container {
flex: 1 1 auto !important;
overflow-y: auto !important;
background: #ffffff !important;
min-height: 0 !important;
}
.product-screen {
display: flex !important;
flex-direction: row-reverse !important;
height: calc(100vh - 85px) !important;
overflow: hidden !important;
}
.pos .rightpane {
/* The Product Grid Section - Now on Left */
flex: 1 1 auto !important;
background: #f8fafc !important;
height: 100% !important;
display: flex !important;
flex-direction: column !important;
overflow: hidden !important;
}
.pos .rightpane,
.pos .product-list-container {
/* The Product Section - Move to Left */
flex: 1 !important;
flex: 1 1 auto !important;
overflow-y: auto !important;
background: #f8fafc !important;
}
@ -299,4 +318,78 @@
height: 55px !important;
font-weight: 700 !important;
font-size: 14px !important;
}
/* 9. Receipt Screen & New Order Button - Ultra Aggressive Theme Match */
.pos .button.next,
.pos .button.validation,
.pos .receipt-screen .button.next,
.pos .receipt-screen .validation.button,
.pos .receipt-screen .button {
background: #d61112 !important;
color: white !important;
border-radius: var(--border-radius-lg) !important;
height: 70px !important;
font-size: 22px !important;
font-weight: 900 !important;
text-transform: uppercase !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
box-shadow: 0 10px 20px rgba(214, 17, 18, 0.2) !important;
border: none !important;
}
.pos .receipt-screen .button.next:active {
transform: scale(0.98);
}
/* 10. Premium Bill UI (Right Side) */
.pos-receipt {
font-family: 'Inter', sans-serif !important;
color: #1a1d23 !important;
padding: 30px !important;
background: #fff !important;
}
.pos-receipt .pos-receipt-contact {
font-size: 13px !important;
color: #64748b !important;
margin-bottom: 20px !important;
}
.pos-receipt .pos-receipt-center-align {
text-align: center !important;
font-weight: 700 !important;
}
.pos-receipt .pos-receipt-order-data {
color: #94a3b8 !important;
font-size: 11px !important;
}
.pos-receipt .receipt-orderlines {
border-top: 2px solid #f1f5f9 !important;
padding-top: 15px !important;
}
.pos-receipt .orderline {
border: none !important;
margin: 5px 0 !important;
padding: 10px 0 !important;
border-bottom: 1px dashed #e2e8f0 !important;
display: flex !important;
justify-content: space-between !important;
}
.pos-receipt .pos-receipt-total {
font-size: 24px !important;
font-weight: 900 !important;
color: var(--pos-secondary) !important;
border-top: 2px solid #1a1d23 !important;
padding-top: 15px !important;
}
.pos-receipt-amount {
font-weight: 800 !important;
}