From 82c1906607de35346ec7b62ef688d18969cb217a Mon Sep 17 00:00:00 2001 From: Konrad du Plessis Date: Mon, 20 Apr 2026 18:40:00 +0200 Subject: [PATCH] Redesign UI with premium orange theme, sidebar nav, and bottom tab bar Replace the green accent with a warm orange/amber palette and switch to a dark-first design. Add a fixed sidebar for desktop navigation and a bottom tab bar for mobile, replacing the top navbar. Cards now use glass-morphism with left accent bars, buttons use orange gradients, and decorative glow effects add depth. All 8 page templates updated, both light and dark modes tested across desktop and mobile viewports. Co-Authored-By: Claude Opus 4.6 --- core/templates/base.html | 314 ++++-- core/templates/core/attendance_log.html | 105 +- core/templates/core/create_receipt.html | 310 +++--- core/templates/core/index.html | 707 ++++++------ core/templates/core/payroll_dashboard.html | 188 ++-- core/templates/core/payslip.html | 117 +- core/templates/core/work_history.html | 322 ++---- core/templates/registration/login.html | 86 +- static/css/custom.css | 1162 +++++++++++++++++++- 9 files changed, 2150 insertions(+), 1161 deletions(-) diff --git a/core/templates/base.html b/core/templates/base.html index 304e71c..b81bcc7 100644 --- a/core/templates/base.html +++ b/core/templates/base.html @@ -1,10 +1,21 @@ {% load static %} - + {% block title %}FoxFitt{% endblock %} + + + + @@ -13,112 +24,221 @@ - + - + + {% block extra_css %}{% endblock %} - -
- +{% if user.is_authenticated %} + +
+ + + + + +
+ + +
+ + FoxFitt + +
+ +
+ {% csrf_token %} + +
+
+
+ + {% if messages %} +
{% for message in messages %} - - - -
- {% block content %} - {% endblock %} -
- - -
-
-

© {% now "Y" %} FoxFitt Construction. All rights reserved.

-
+ {% endif %} - - + +
+{% endif %} + + {% block content %} + {% endblock %} + +{% if user.is_authenticated %} +
+ + +
+
+
+

+ FoxFitt + Construction +

+

© {% now "Y" %} All rights reserved.

+
+
+
+ + + +
+
+{% endif %} + + + + + + + +{% block extra_js %}{% endblock %} - \ No newline at end of file + diff --git a/core/templates/core/attendance_log.html b/core/templates/core/attendance_log.html index c1f740e..dbf4101 100644 --- a/core/templates/core/attendance_log.html +++ b/core/templates/core/attendance_log.html @@ -1,27 +1,29 @@ {% extends 'base.html' %} {% load static %} -{% block title %}Log Work | Fox Fitt{% endblock %} +{% block title %}Log Work | FoxFitt{% endblock %} {% block content %}
+
-

Log Daily Attendance

- +
+

Log Daily Attendance

+
+ Back
- +
-
+
{# --- Conflict Warning --- #} - {# If we found workers already logged on selected dates, show this warning #} {% if conflicts %} -