update second display for qrpay

This commit is contained in:
Dev Team
2025-07-14 14:39:06 +06:30
parent 04e03896b9
commit a603223f1c
4 changed files with 79 additions and 6 deletions

View File

@@ -57,6 +57,9 @@
.new-design-navbar .navbar-brand:hover {
opacity: 0.9;
}
.new-design-navbar .navbar-brand img {
margin-right: 8px;
}
.new-design-navbar .navbar-brand .material-icons {
margin-right: 8px;
@@ -145,25 +148,60 @@
font-feature-settings: 'liga';
}
/* Responsive Styles */
@media (max-width: 768px) {
.new-design-navbar .navbar-center-section {
/* display: none; */
}
.new-design-navbar .navbar-right-section .connection-status-text,
.new-design-navbar .navbar-right-section .user-name-text {
display: none;
}
.new-design-navbar .navbar-right-section .nav-item {
margin-left: 8px;
padding: 0 5px;
}
.new-design-navbar .navbar-brand {
font-size: 1rem;
}
.new-design-navbar .bars-toggle {
margin-right: 10px;
}
}
@media (max-width: 480px) {
.new-design-navbar .navbar-brand-text {
display: none;
}
.new-design-navbar .navbar-brand img {
margin-right: 0;
}
}
</style>
<%# Top Bar - New Design %>
<% if !request.path_info.include?('second_display') %>
<nav class="navbar new-design-navbar mb-1" style="position: sticky;">
<div class="container-fluid">
<div class="navbar-left-section">
<div class="navbar-left-section d-flex justify-content-between">
<% if current_login_employee.role != "waiter" %>
<a href="javascript:void(0);" class="bars bars-toggle">
<!-- <i class="material-icons">menu</i> -->
</a>
<% end %>
<%# Brand Name and Icon %>
<a class="navbar-brand" href="<%= root_path %>">
<img src="<%= asset_path('SX-Logo-small.png') %>" width="40" height="40" alt="Logo" />
<span>SX Restaurant</span>
<%# <span class="navbar-brand-text">SX Restaurant</span> %>
</a>
</div>
<div class="navbar-center-section">
<%= Shop.current_shop.name %>
</div>
<div class="navbar-right-section">
<%# Connection Status %>
<div class="nav-item" id="connection-status-item">
@@ -175,7 +213,7 @@
<div class="nav-item dropdown">
<a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
<i class="material-icons">person</i>
<span><%= current_login_employee.name %></span>
<span class="user-name-text"><%= current_login_employee.name %></span>
</a>
<ul class="dropdown-menu">
<% if current_login_employee.role == "administrator" %>