AS1024/itflow
1
0
Fork 0
mirror of https://github.com/itflow-org/itflow synced 2026-09-21 14:11:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Client Portal - Use flexbox to fix layout breaking

Browse Source 
Updated header layout to use flexbox for better alignment and spacing thanks to @BoredManCodes
This commit is contained in:
wrongecho
2026-09-06 20:24:05 +01:00
committed by GitHub
parent 70cb378c12
commit fa4beea116
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
client/includes/header.php
View File

@@ -166,8 +166,9 @@ header("X-Frame-Options: DENY"); // Legacy
<!-- Page content container --> <!-- Page content container -->
<div class="container mt-4"> <div class="container mt-4">
<div class="row mb-3"> <!-- Flex row rather than col-md-1/col-md-11 -->
<div class="col-md-1 text-center"> <div class="d-flex flex-wrap align-items-center gap-2 mb-3">
<div class="flex-shrink-0">
<?php if (!empty($session_contact_photo)) { ?> <?php if (!empty($session_contact_photo)) { ?>
<img src="/uploads/clients/<?= $session_client_id ?>/<?= $session_contact_photo ?>" alt="..." height="50" width="50" class="rounded-circle img-fluid"> <img src="/uploads/clients/<?= $session_client_id ?>/<?= $session_contact_photo ?>" alt="..." height="50" width="50" class="rounded-circle img-fluid">
@@ -179,12 +180,11 @@ header("X-Frame-Options: DENY"); // Legacy
<?php } ?> <?php } ?>
</div> </div>
<div class="col-md-11 p-0"> <h4 class="mb-0 flex-grow-1">Welcome, <strong><?= stripslashes(escapeHtml($session_contact_name)) ?></strong>!</h4>
<?php if ($session_company_logo) { ?>
<img height="48" width="142" class="img-fluid float-end" src="<?= "/uploads/settings/$session_company_logo" ?>"> <?php if ($session_company_logo) { ?>
<?php } ?> <img height="48" width="142" class="img-fluid flex-shrink-0" src="<?= "/uploads/settings/$session_company_logo" ?>">
<h4>Welcome, <strong><?= stripslashes(escapeHtml($session_contact_name)) ?></strong>!</h4> <?php } ?>
</div>
</div> </div>
<hr> <hr>