WallyHackenslacker/mainty
1
0
Fork 0
mirror of https://github.com/michaelstaake/mainty.git synced 2026-04-16 11:30:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improved responsive layout for mobile

Browse Source
This commit is contained in:
Michael Staake
2025-11-04 06:59:02 -08:00
parent d7d34639cb
commit 1f8b322e3a
3 changed files with 44 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
.dockerignore Normal file
View File

@@ -0,0 +1,9 @@
data/mainty.db
error_log
.DS_Store
.git
.gitignore
README.md
QUICKSTART.md
DOCKER.md
.htaccess

23
.gitignore vendored
View File

@@ -1 +1,24 @@
# Database
data/mainty.db
data/*.db
# Logs
error_log
*.log
# OS Files
.DS_Store .DS_Store
Thumbs.db
# IDE
.vscode/
.idea/
*.swp
*.swo
*~
# Environment
.env
# htaccess
.htaccess

24
views/vehicle.php
View File

@@ -40,8 +40,8 @@
<!-- Vehicle Info Card --> <!-- Vehicle Info Card -->
<div class="bg-white rounded-lg shadow-sm p-6 mb-6"> <div class="bg-white rounded-lg shadow-sm p-6 mb-6">
<div class="flex items-start justify-between"> <div class="flex flex-col lg:flex-row lg:items-start lg:justify-between gap-4">
<div class="flex items-start space-x-4"> <div class="flex flex-col sm:flex-row items-start gap-4">
<div class="bg-blue-100 p-4 rounded-lg"> <div class="bg-blue-100 p-4 rounded-lg">
<i class="bi bi-car-front-fill text-blue-600 text-3xl"></i> <i class="bi bi-car-front-fill text-blue-600 text-3xl"></i>
</div> </div>
@@ -69,15 +69,15 @@
</div> </div>
</div> </div>
</div> </div>
<div class="flex space-x-2"> <div class="flex flex-wrap gap-2">
<button onclick="showEditVehicleModal()" <button onclick="showEditVehicleModal()"
class="px-4 py-2 bg-gray-100 hover:bg-gray-200 text-gray-700 rounded-lg transition"> class="px-4 py-2 bg-gray-100 hover:bg-gray-200 text-gray-700 rounded-lg transition">
<i class="bi bi-pencil"></i> Edit <i class="bi bi-pencil"></i> <span class="hidden sm:inline">Edit</span>
</button> </button>
<div class="relative"> <div class="relative">
<button onclick="toggleExportMenu()" <button onclick="toggleExportMenu()"
class="px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white rounded-lg transition"> class="px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white rounded-lg transition">
<i class="bi bi-download"></i> Export <i class="bi bi-download"></i> <span class="hidden sm:inline">Export</span>
</button> </button>
<div id="exportMenu" class="hidden absolute right-0 mt-2 w-48 bg-white rounded-lg shadow-lg z-10"> <div id="exportMenu" class="hidden absolute right-0 mt-2 w-48 bg-white rounded-lg shadow-lg z-10">
<a href="<?php echo url('/vehicles/' . $vehicle['id'] . '/export/json'); ?>" <a href="<?php echo url('/vehicles/' . $vehicle['id'] . '/export/json'); ?>"
@@ -161,17 +161,17 @@
<div class="space-y-4"> <div class="space-y-4">
<?php foreach ($maintenanceItems as $item): ?> <?php foreach ($maintenanceItems as $item): ?>
<div class="border border-gray-200 rounded-lg p-4 hover:border-blue-300 transition"> <div class="border border-gray-200 rounded-lg p-4 hover:border-blue-300 transition">
<div class="flex justify-between items-start"> <div class="flex flex-col lg:flex-row lg:justify-between lg:items-start gap-3">
<div class="flex-1"> <div class="flex-1">
<div class="flex items-center space-x-3 mb-2"> <div class="flex flex-col sm:flex-row sm:items-center gap-2 sm:gap-3 mb-2">
<h4 class="text-lg font-semibold text-gray-800"><?php echo htmlspecialchars($item['name']); ?></h4> <h4 class="text-lg font-semibold text-gray-800"><?php echo htmlspecialchars($item['name']); ?></h4>
<?php if ($item['cost']): ?> <?php if ($item['cost']): ?>
<span class="bg-green-100 text-green-800 px-2 py-1 rounded text-sm"> <span class="bg-green-100 text-green-800 px-2 py-1 rounded text-sm w-fit">
$<?php echo number_format($item['cost'], 2); ?> $<?php echo number_format($item['cost'], 2); ?>
</span> </span>
<?php endif; ?> <?php endif; ?>
</div> </div>
<div class="grid grid-cols-2 md:grid-cols-4 gap-2 text-sm text-gray-600 mb-2"> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-2 text-sm text-gray-600 mb-2">
<div> <div>
<i class="bi bi-calendar3"></i> <i class="bi bi-calendar3"></i>
<?php echo date('M d, Y', strtotime($item['date'])); ?> <?php echo date('M d, Y', strtotime($item['date'])); ?>
@@ -197,14 +197,14 @@
<p class="text-sm text-gray-600 mt-2"><?php echo nl2br(htmlspecialchars($item['description'])); ?></p> <p class="text-sm text-gray-600 mt-2"><?php echo nl2br(htmlspecialchars($item['description'])); ?></p>
<?php endif; ?> <?php endif; ?>
</div> </div>
<div class="flex space-x-2 ml-4"> <div class="flex sm:flex-row gap-2 lg:ml-4">
<button onclick='showEditMaintenanceModal(<?php echo json_encode($item); ?>)' <button onclick='showEditMaintenanceModal(<?php echo json_encode($item); ?>)'
class="text-blue-600 hover:text-blue-800"> class="text-blue-600 hover:text-blue-800 px-2">
<i class="bi bi-pencil"></i> <i class="bi bi-pencil"></i>
</button> </button>
<form method="POST" action="<?php echo url('/maintenance/' . $item['id'] . '/delete'); ?>" <form method="POST" action="<?php echo url('/maintenance/' . $item['id'] . '/delete'); ?>"
onsubmit="return confirm('Are you sure you want to delete this record?')" class="inline"> onsubmit="return confirm('Are you sure you want to delete this record?')" class="inline">
<button type="submit" class="text-red-600 hover:text-red-800"> <button type="submit" class="text-red-600 hover:text-red-800 px-2">
<i class="bi bi-trash"></i> <i class="bi bi-trash"></i>
</button> </button>
</form> </form>