admin/marco.pms.web
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

UI updation in Header file at dropdown in mobile view.

Browse Source
This commit is contained in:
Kartik Sharma 2025-10-10 15:12:50 +05:30
parent c1a8b87a2c
commit 2ee7b292e7
1 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/Layout/Header.jsx
View File

@ -161,7 +161,7 @@ const Header = () => {
className="layout-navbar container-fluid mb-3 navbar navbar-expand-xl navbar-detached align-items-center bg-navbar-theme"
id="layout-navbar"
>
<div className="layout-menu-toggle navbar-nav align-items-xl-center me-3 me-xl-0 d-xl-none">
<div className="layout-menu-toggle navbar-nav align-items-xl-center me-2 me-xl-0 d-xl-none">
<a
aria-label="toggle for sidebar"
className="nav-item nav-link px-0 me-xl-4"
@ -174,12 +174,13 @@ const Header = () => {
id="navbar-collapse"
>
{showProjectDropdown && (
<div className="align-items-center">
<i className="rounded-circle bx bx-building-house bx-sm-lg bx-md me-2"></i>
<div className="btn-group">
<div className="d-flex align-items-center">
<i className="rounded-circle bx bx-building-house bx-sm"></i>
<div className="btn-group w-100">
{shouldShowDropdown ? (
<button
className={`btn btn-sm-sm btn-xl dropdown-toggle px-1`}
className="btn btn-sm btn-block dropdown-toggle text-truncate fs-6"
type="button"
data-bs-toggle="dropdown"
aria-expanded="false"
@ -187,7 +188,7 @@ const Header = () => {
{currentProjectDisplayName}
</button>
) : (
<span className="btn btn-sm-sm btn-xl px-1">
<span className="btn btn-sm btn-block text-truncate">
{currentProjectDisplayName}
</span>
)}
@ -197,7 +198,7 @@ const Header = () => {
projectsForDropdown.length > 0 && (
<ul
className="dropdown-menu"
style={{ overflow: "auto", maxHeight: "300px" }}
style={{ overflowY: "auto", maxHeight: "300px" }}
>
<li>