update second display for qrpay
This commit is contained in:
@@ -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" %>
|
||||
|
||||
Reference in New Issue
Block a user