marwan/HH
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated sidebar and public form logos

Browse Source
This commit is contained in:
Marwan Alwali 2026-03-30 23:22:27 +03:00
parent 6b51b0870d
commit 654ec25030
3 changed files with 33 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
PX360/settings.py
View File

@ -126,7 +126,11 @@ USE_TZ = True
# Static files (CSS, JavaScript, Images) # Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/6.0/howto/static-files/ # https://docs.djangoproject.com/en/6.0/howto/static-files/
STATIC_URL = 'static/' STATIC_URL = "/static/"
STATIC_ROOT = BASE_DIR / "staticfiles"
STATICFILES_DIRS = [
BASE_DIR / "static",
]
# Celery Configuration # Celery Configuration
CELERY_BROKER_URL = 'redis://localhost:6379/0' CELERY_BROKER_URL = 'redis://localhost:6379/0'

2
templates/core/public_submit.html
View File

@ -280,7 +280,7 @@ header.glass-card {
<div class="rounded-3xl shadow-2xl overflow-hidden mb-8 text-center animate-fade-in"> <div class="rounded-3xl shadow-2xl overflow-hidden mb-8 text-center animate-fade-in">
<!-- Logo Banner - Full Width White --> <!-- Logo Banner - Full Width White -->
<div class="bg-white w-full py-8 px-6 flex items-center justify-center"> <div class="bg-white w-full py-8 px-6 flex items-center justify-center">
<img src="{% static 'img/hh-logo.png' %}" alt="Al Hammadi Hospital" class="max-h-48 w-auto object-contain"> <img src="{% static 'img/hh-logo.png' %}" alt="Al Hammadi Hospital" class="max-h-16 w-auto object-contain">
</div> </div>
<!-- Text Content Below - White Background --> <!-- Text Content Below - White Background -->
<div class="bg-white p-8"> <div class="bg-white p-8">

33
templates/layouts/partials/sidebar.html
View File

@ -65,13 +65,13 @@
<script>window.sidebarCsrfToken = document.querySelector('[name=csrfmiddlewaretoken]')?.value;</script> <script>window.sidebarCsrfToken = document.querySelector('[name=csrfmiddlewaretoken]')?.value;</script>
<!-- Brand --> <!-- Brand -->
<div class="p-4 flex flex-col items-center border-b border-white/10"> <div class="p-4 flex flex-col items-center border-b border-white/10">
<div class="sidebar-logo-text rounded-lg overflow-hidden mb-3" style="width: 200px; height: 100px;"> <div class="sidebar-logo-collapsed w-10 h-10 flex-shrink-0">
<img src="{% static 'img/logo.png' %}" alt="Al Hammadi Hospital" class="w-full h-full object-contain"> <img src="{% static 'img/HH_R_ICON.png' %}" alt="Al Hammadi" class="w-full h-full object-contain">
</div>
<!-- Extended logo (full logo with text) - shown on hover -->
<div class="sidebar-logo-extended flex-shrink-0 opacity-0 transition-opacity duration-300">
<img src="{% static 'img/HH_R_H_Logo.png' %}" alt="Al Hammadi" class="h-10 w-auto object-contain">
</div> </div>
{% comment %} <div class="sidebar-logo-text overflow-hidden text-center">
<h1 class="text-lg font-black tracking-tighter whitespace-nowrap">PX360</h1>
<p class="text-[8px] font-bold text-blue-200 tracking-widest uppercase whitespace-nowrap">Analytics Platform</p>
</div> {% endcomment %}
</div> </div>
<!-- Navigation --> <!-- Navigation -->
@ -590,7 +590,28 @@
</div> </div>
</div> </div>
</aside> </aside>
<style>
#sidebar:hover .sidebar-text {
opacity: 1;
}
/* Show collapsed icon by default, hide extended logo */
.sidebar-logo-collapsed {
display: flex;
}
.sidebar-logo-extended {
display: none;
}
/* On hover: hide collapsed icon, show extended logo */
#sidebar:hover .sidebar-logo-collapsed {
display: none;
}
#sidebar:hover .sidebar-logo-extended {
display: flex;
opacity: 1;
}
</style>
<script> <script>
function toggleUserMenu() { function toggleUserMenu() {
const menu = document.getElementById('userMenu'); const menu = document.getElementById('userMenu');