jamesp/ppr-ng
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Menu tidy

Browse Source
This commit is contained in:
James Pattinson
2025-10-24 17:36:59 +00:00
parent 41c7bb352a
commit 1223d9e9f9
1 changed files with 24 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
web/admin.html
View File

@@ -17,22 +17,32 @@
color: #333;
}
.header {
.top-bar {
background: linear-gradient(135deg, #2c3e50, #3498db);
color: white;
padding: 1rem 2rem;
padding: 0.5rem 2rem;
display: flex;
justify-content: space-between;
align-items: center;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.header h1 {
.title h1 {
margin: 0;
font-size: 1.8rem;
font-size: 1.5rem;
}
.header .user-info {
float: right;
.menu-buttons {
display: flex;
gap: 1rem;
align-items: center;
}
.top-bar .user-info {
font-size: 0.9rem;
opacity: 0.9;
display: flex;
align-items: center;
}
.container {
@@ -41,26 +51,7 @@
padding: 2rem;
}
.top-menu {
background: #2c3e50;
padding: 1rem 2rem;
display: flex;
justify-content: space-between;
align-items: center;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.menu-left {
display: flex;
gap: 1rem;
align-items: center;
}
.menu-right {
display: flex;
gap: 1rem;
align-items: center;
}
.btn {
padding: 0.7rem 1.5rem;
@@ -563,29 +554,25 @@
</style>
</head>
<body>
<div class="header">
<h1>✈️ PPR Administration</h1>
<div class="user-info">
Logged in as: <span id="current-user">Loading...</span> |
<a href="#" onclick="logout()" style="color: white;">Logout</a>
<div class="top-bar">
<div class="title">
<h1>✈️ Swansea PPR</h1>
</div>
<div style="clear: both;"></div>
</div>
<div class="top-menu">
<div class="menu-left">
<div class="menu-buttons">
<button class="btn btn-success" onclick="openNewPPRModal()">
➕ New PPR Entry
</button>
<button class="btn btn-warning" onclick="openUserManagementModal()" id="user-management-btn" style="display: none;">
👥 User Management
</button>
</div>
<div class="menu-right">
<button class="btn btn-primary" onclick="loadPPRs()">
🔄 Refresh
</button>
</div>
<div class="user-info">
Logged in as: <span id="current-user">Loading...</span> |
<a href="#" onclick="logout()" style="color: white;">Logout</a>
</div>
</div>
<div class="container">