nngo/GOV_QR_Codes_Management
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update /export-configuration, reposition the buttons

Browse Source
This commit is contained in:
nngo
2026-01-16 17:02:21 -05:00
parent 41292adb6f
commit 0cf3ab5b83
2 changed files with 76 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/css/export_configuration.css
+60 -17
View File
@@ -10,7 +10,7 @@
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
border-radius: 15px;
padding: 2rem;
padding: 1.5rem 2rem;
margin: 0 auto 2rem;
max-width: 1200px;
margin-left: auto;
@@ -23,25 +23,45 @@
gap: 1rem;
}
.header-content h1 {
color: #2d3748;
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 0.5rem;
.header-content {
flex: 1;
min-width: 300px;
}
.header-title-section {
display: flex;
align-items: center;
gap: 1rem;
gap: 1.25rem;
flex-wrap: nowrap;
}
.header-title-text {
display: flex;
flex-direction: column;
gap: 0.25rem;
}
.header-content h1 {
color: #2d3748;
font-size: 1.75rem;
font-weight: 700;
margin: 0;
display: flex;
align-items: center;
gap: 0.75rem;
line-height: 1.2;
}
.header-content h1 i {
color: #48bb78;
font-size: 2.2rem;
font-size: 1.6rem;
}
.header-content p {
color: #718096;
font-size: 1.1rem;
margin-bottom: 0;
font-size: 0.9rem;
margin: 0;
line-height: 1.3;
}
.header-actions {
@@ -337,14 +357,15 @@
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 0.75rem 1.5rem;
padding: 0.65rem 1.25rem;
border: none;
border-radius: 8px;
font-weight: 600;
text-decoration: none;
cursor: pointer;
transition: all 0.3s ease;
font-size: 1rem;
font-size: 0.95rem;
white-space: nowrap;
}
.btn:hover {
@@ -383,12 +404,12 @@
.btn-sm {
padding: 0.5rem 1rem;
font-size: 0.9rem;
font-size: 0.85rem;
}
.btn-lg {
padding: 1rem 2rem;
font-size: 1.1rem;
padding: 0.75rem 1.5rem;
font-size: 1rem;
}
/* Responsive Design */
@@ -399,11 +420,33 @@
.export-header {
flex-direction: column;
text-align: center;
align-items: stretch;
}
.header-title-section {
flex-wrap: wrap;
gap: 1rem;
}
.header-content h1 {
font-size: 2rem;
font-size: 1.5rem;
}
.header-content h1 i {
font-size: 1.3rem;
}
.header-content p {
font-size: 0.85rem;
}
.header-actions {
width: 100%;
}
.header-actions .btn {
width: 100%;
justify-content: center;
}
.columns-grid {
templates/export_configuration.html
+16 -12
View File
@@ -14,17 +14,25 @@
<!-- Header Section -->
<div class="export-header">
<div class="header-content">
<h1>
<i class="fas fa-file-excel"></i>
Export Configuration
</h1>
<p>Customize your attendance report export with selected columns, custom names, and column ordering</p>
<div class="header-title-section">
<button onclick="goBackToReport()" class="btn btn-secondary">
<i class="fas fa-arrow-left"></i>
Back to Report
</button>
<div class="header-title-text">
<h1>
<i class="fas fa-file-excel"></i>
Export Configuration
</h1>
<p>Customize your attendance report export with selected columns, custom names, and column ordering</p>
</div>
</div>
</div>
<div class="header-actions">
<button onclick="goBackToReport()" class="btn btn-secondary">
<i class="fas fa-arrow-left"></i>
Back to Report
<button type="submit" form="exportForm" class="btn btn-success btn-lg" id="generateBtn">
<i class="fas fa-download"></i>
Generate Excel Export
</button>
</div>
</div>
@@ -205,10 +213,6 @@
<!-- Submit Section -->
<div class="submit-section">
<div class="submit-actions">
<button type="submit" class="btn btn-success btn-lg" id="generateBtn">
<i class="fas fa-download"></i>
Generate Excel Export
</button>
<p class="submit-note">
<i class="fas fa-info-circle"></i>
Your column preferences and order will be saved for next time