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