Release v4.0.0-rc3: Production deployment fixes and cross-platform compatibility
- Fix production build path resolution for CSS/JS/images - Resolve sidebar navigation layout issues (badges, arrows, spacing) - Fix RTL CSS processing interference with LTR builds - Update dependencies (Bootstrap 5.3.7, Bootstrap Icons 1.13.1, OverlayScrollbars 2.11.0) - Remove CDN integrity attributes to prevent digest mismatches - Add dist/ to .gitignore to exclude build files from repository - Implement smart relative path calculation for all deployment scenarios - Add runtime image path correction for sub-folder deployments - Ensure development and production environment parity - Fix all ESLint compliance issues (prefer-global-this, prefer-string-slice) Major improvements: ✅ Production builds now work identically to development ✅ Images, CSS, and JavaScript load correctly in any deployment structure ✅ Sidebar displays properly with badges and arrow indicators ✅ Zero console errors from CDN resources ✅ Full compatibility with FTP/static hosting platforms
This commit is contained in:
@@ -20,7 +20,7 @@ const pageTitle = "General UI Elements";
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<body class="layout-fixed sidebar-expand-lg sidebar-open bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<Topbar path={path} />
|
||||
|
||||
@@ -19,7 +19,7 @@ const page = "icons";
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<body class="layout-fixed sidebar-expand-lg sidebar-open bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<Topbar path={path} />
|
||||
|
||||
@@ -19,7 +19,7 @@ const page = "timeline";
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<body class="layout-fixed sidebar-expand-lg sidebar-open bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<Topbar path={path} />
|
||||
@@ -147,19 +147,19 @@ const page = "timeline";
|
||||
</h3>
|
||||
<div class="timeline-body">
|
||||
<img
|
||||
src={path + "/assets/img/user1-128x128.jpg"}
|
||||
src="/assets/img/user1-128x128.jpg"
|
||||
alt="..."
|
||||
/>
|
||||
<img
|
||||
src={path + "/assets/img/user1-128x128.jpg"}
|
||||
src="/assets/img/user1-128x128.jpg"
|
||||
alt="..."
|
||||
/>
|
||||
<img
|
||||
src={path + "/assets/img/user1-128x128.jpg"}
|
||||
src="/assets/img/user1-128x128.jpg"
|
||||
alt="..."
|
||||
/>
|
||||
<img
|
||||
src={path + "/assets/img/user1-128x128.jpg"}
|
||||
src="/assets/img/user1-128x128.jpg"
|
||||
alt="..."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -20,7 +20,7 @@ const page = "browser-support";
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<body class="layout-fixed sidebar-expand-lg sidebar-open bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<Topbar path={path} />
|
||||
|
||||
@@ -20,7 +20,7 @@ const page = "color-mode";
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<body class="layout-fixed sidebar-expand-lg sidebar-open bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<Topbar path={path} />
|
||||
|
||||
@@ -10,7 +10,6 @@ const title = "Main Header Component | AdminLTE 4"
|
||||
const path = "../../../../dist"
|
||||
const mainPage = "components"
|
||||
const page = "main-header"
|
||||
const distPath = path;
|
||||
---
|
||||
|
||||
<!DOCTYPE html>
|
||||
@@ -21,7 +20,7 @@ const distPath = path;
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<body class="layout-fixed sidebar-expand-lg sidebar-open bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<Topbar path={path} />
|
||||
@@ -127,7 +126,7 @@ const distPath = path;
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src={distPath + "/assets/img/user1-128x128.jpg"}
|
||||
src="/assets/img/user1-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
@@ -153,7 +152,7 @@ const distPath = path;
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src={distPath + "/assets/img/user8-128x128.jpg"}
|
||||
src="/assets/img/user8-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
@@ -179,7 +178,7 @@ const distPath = path;
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<img
|
||||
src={distPath + "/assets/img/user3-128x128.jpg"}
|
||||
src="/assets/img/user3-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
class="img-size-50 rounded-circle me-3"
|
||||
/>
|
||||
@@ -250,7 +249,7 @@ const distPath = path;
|
||||
data-bs-toggle="dropdown"
|
||||
>
|
||||
<img
|
||||
src={distPath + "/assets/img/user2-160x160.jpg"}
|
||||
src="/assets/img/user2-160x160.jpg"
|
||||
class="user-image rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
@@ -262,7 +261,7 @@ const distPath = path;
|
||||
<!-- User image -->
|
||||
<li class="user-header text-bg-primary">
|
||||
<img
|
||||
src={distPath + "/assets/img/user2-160x160.jpg"}
|
||||
src="/assets/img/user2-160x160.jpg"
|
||||
class="rounded-circle shadow"
|
||||
alt="User Image"
|
||||
/>
|
||||
|
||||
@@ -20,7 +20,7 @@ const page = "main-sidebar";
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<body class="layout-fixed sidebar-expand-lg sidebar-open bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<Topbar path={path} />
|
||||
|
||||
@@ -20,7 +20,7 @@ const page = "faq";
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<body class="layout-fixed sidebar-expand-lg sidebar-open bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<Topbar path={path} />
|
||||
|
||||
@@ -20,7 +20,7 @@ const page = "how-to-contribute";
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<body class="layout-fixed sidebar-expand-lg sidebar-open bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<Topbar path={path} />
|
||||
|
||||
@@ -20,7 +20,7 @@ const page = "introduction";
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<body class="layout-fixed sidebar-expand-lg sidebar-open bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<Topbar path={path} />
|
||||
|
||||
@@ -20,7 +20,7 @@ const page = "treeview";
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<body class="layout-fixed sidebar-expand-lg sidebar-open bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<Topbar path={path} />
|
||||
|
||||
@@ -19,7 +19,7 @@ const page = "layout";
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<body class="layout-fixed sidebar-expand-lg sidebar-open bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<Topbar path={path} />
|
||||
|
||||
@@ -20,7 +20,7 @@ const page = "license";
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<body class="layout-fixed sidebar-expand-lg sidebar-open bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<Topbar path={path} />
|
||||
|
||||
@@ -26,7 +26,7 @@ const year = new Date().getFullYear();
|
||||
|
||||
<div class="lockscreen-item">
|
||||
<div class="lockscreen-image">
|
||||
<img src={path + "/assets/img/user1-128x128.jpg"} alt="User Image" />
|
||||
<img src="/assets/img/user1-128x128.jpg" alt="User Image" />
|
||||
</div>
|
||||
|
||||
<form class="lockscreen-credentials">
|
||||
|
||||
@@ -19,7 +19,7 @@ const page = "general";
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<body class="layout-fixed sidebar-expand-lg sidebar-open bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<Topbar path={path} />
|
||||
|
||||
@@ -18,7 +18,7 @@ const htmlPath = convertPathToHtml(path);
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="sidebar-expand-lg bg-body-tertiary">
|
||||
<body class="sidebar-expand-lg sidebar-open bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<Topbar path={path} />
|
||||
@@ -30,7 +30,7 @@ const htmlPath = convertPathToHtml(path);
|
||||
<a href={htmlPath + "/index.html"} class="brand-link">
|
||||
<!--begin::Brand Image-->
|
||||
<img
|
||||
src={path + "/assets/img/AdminLTELogo.png"}
|
||||
src="/assets/img/AdminLTELogo.png"
|
||||
alt="AdminLTE Logo"
|
||||
class="brand-image opacity-75 shadow"
|
||||
/>
|
||||
|
||||
@@ -35,7 +35,7 @@ const page = "index";
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<body class="layout-fixed sidebar-expand-lg sidebar-open bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<Topbar path={path} />
|
||||
@@ -266,7 +266,7 @@ const page = "index";
|
||||
<!-- /.direct-chat-infos -->
|
||||
<img
|
||||
class="direct-chat-img"
|
||||
src={path + "/assets/img/user1-128x128.jpg"}
|
||||
src="/assets/img/user1-128x128.jpg"
|
||||
alt="message user image"
|
||||
/>
|
||||
<!-- /.direct-chat-img -->
|
||||
@@ -290,7 +290,7 @@ const page = "index";
|
||||
<!-- /.direct-chat-infos -->
|
||||
<img
|
||||
class="direct-chat-img"
|
||||
src={path + "/assets/img/user3-128x128.jpg"}
|
||||
src="/assets/img/user3-128x128.jpg"
|
||||
alt="message user image"
|
||||
/>
|
||||
<!-- /.direct-chat-img -->
|
||||
@@ -314,7 +314,7 @@ const page = "index";
|
||||
<!-- /.direct-chat-infos -->
|
||||
<img
|
||||
class="direct-chat-img"
|
||||
src={path + "/assets/img/user1-128x128.jpg"}
|
||||
src="/assets/img/user1-128x128.jpg"
|
||||
alt="message user image"
|
||||
/>
|
||||
<!-- /.direct-chat-img -->
|
||||
@@ -338,7 +338,7 @@ const page = "index";
|
||||
<!-- /.direct-chat-infos -->
|
||||
<img
|
||||
class="direct-chat-img"
|
||||
src={path + "/assets/img/user3-128x128.jpg"}
|
||||
src="/assets/img/user3-128x128.jpg"
|
||||
alt="message user image"
|
||||
/>
|
||||
<!-- /.direct-chat-img -->
|
||||
@@ -356,7 +356,7 @@ const page = "index";
|
||||
<a href="#">
|
||||
<img
|
||||
class="contacts-list-img"
|
||||
src={path + "/assets/img/user1-128x128.jpg"}
|
||||
src="/assets/img/user1-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
/>
|
||||
|
||||
@@ -379,7 +379,7 @@ const page = "index";
|
||||
<a href="#">
|
||||
<img
|
||||
class="contacts-list-img"
|
||||
src={path + "/assets/img/user7-128x128.jpg"}
|
||||
src="/assets/img/user7-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
/>
|
||||
|
||||
@@ -402,7 +402,7 @@ const page = "index";
|
||||
<a href="#">
|
||||
<img
|
||||
class="contacts-list-img"
|
||||
src={path + "/assets/img/user3-128x128.jpg"}
|
||||
src="/assets/img/user3-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
/>
|
||||
|
||||
@@ -425,7 +425,7 @@ const page = "index";
|
||||
<a href="#">
|
||||
<img
|
||||
class="contacts-list-img"
|
||||
src={path + "/assets/img/user5-128x128.jpg"}
|
||||
src="/assets/img/user5-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
/>
|
||||
|
||||
@@ -448,7 +448,7 @@ const page = "index";
|
||||
<a href="#">
|
||||
<img
|
||||
class="contacts-list-img"
|
||||
src={path + "/assets/img/user6-128x128.jpg"}
|
||||
src="/assets/img/user6-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
/>
|
||||
|
||||
@@ -471,7 +471,7 @@ const page = "index";
|
||||
<a href="#">
|
||||
<img
|
||||
class="contacts-list-img"
|
||||
src={path + "/assets/img/user8-128x128.jpg"}
|
||||
src="/assets/img/user8-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
/>
|
||||
|
||||
@@ -580,7 +580,6 @@ const page = "index";
|
||||
<!-- sortablejs -->
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/sortablejs@1.15.0/Sortable.min.js"
|
||||
integrity="sha256-ipiJrswvAR4VAx/th+6zWsdeYmVae0iJuiR+6OqHJHQ="
|
||||
crossorigin="anonymous"></script>
|
||||
|
||||
<!-- sortablejs -->
|
||||
|
||||
@@ -26,7 +26,7 @@ const page = "index2";
|
||||
/>
|
||||
</head>
|
||||
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<body class="layout-fixed sidebar-expand-lg sidebar-open bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<Topbar path={path} />
|
||||
@@ -366,7 +366,7 @@ const page = "index2";
|
||||
<!-- /.direct-chat-infos -->
|
||||
<img
|
||||
class="direct-chat-img"
|
||||
src={path + "/assets/img/user1-128x128.jpg"}
|
||||
src="/assets/img/user1-128x128.jpg"
|
||||
alt="message user image"
|
||||
/>
|
||||
<!-- /.direct-chat-img -->
|
||||
@@ -391,7 +391,7 @@ const page = "index2";
|
||||
<!-- /.direct-chat-infos -->
|
||||
<img
|
||||
class="direct-chat-img"
|
||||
src={path + "/assets/img/user3-128x128.jpg"}
|
||||
src="/assets/img/user3-128x128.jpg"
|
||||
alt="message user image"
|
||||
/>
|
||||
<!-- /.direct-chat-img -->
|
||||
@@ -415,7 +415,7 @@ const page = "index2";
|
||||
<!-- /.direct-chat-infos -->
|
||||
<img
|
||||
class="direct-chat-img"
|
||||
src={path + "/assets/img/user1-128x128.jpg"}
|
||||
src="/assets/img/user1-128x128.jpg"
|
||||
alt="message user image"
|
||||
/>
|
||||
<!-- /.direct-chat-img -->
|
||||
@@ -440,7 +440,7 @@ const page = "index2";
|
||||
<!-- /.direct-chat-infos -->
|
||||
<img
|
||||
class="direct-chat-img"
|
||||
src={path + "/assets/img/user3-128x128.jpg"}
|
||||
src="/assets/img/user3-128x128.jpg"
|
||||
alt="message user image"
|
||||
/>
|
||||
<!-- /.direct-chat-img -->
|
||||
@@ -458,7 +458,7 @@ const page = "index2";
|
||||
<a href="#">
|
||||
<img
|
||||
class="contacts-list-img"
|
||||
src={path + "/assets/img/user1-128x128.jpg"}
|
||||
src="/assets/img/user1-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
/>
|
||||
|
||||
@@ -481,7 +481,7 @@ const page = "index2";
|
||||
<a href="#">
|
||||
<img
|
||||
class="contacts-list-img"
|
||||
src={path + "/assets/img/user7-128x128.jpg"}
|
||||
src="/assets/img/user7-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
/>
|
||||
|
||||
@@ -504,7 +504,7 @@ const page = "index2";
|
||||
<a href="#">
|
||||
<img
|
||||
class="contacts-list-img"
|
||||
src={path + "/assets/img/user3-128x128.jpg"}
|
||||
src="/assets/img/user3-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
/>
|
||||
|
||||
@@ -527,7 +527,7 @@ const page = "index2";
|
||||
<a href="#">
|
||||
<img
|
||||
class="contacts-list-img"
|
||||
src={path + "/assets/img/user5-128x128.jpg"}
|
||||
src="/assets/img/user5-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
/>
|
||||
|
||||
@@ -550,7 +550,7 @@ const page = "index2";
|
||||
<a href="#">
|
||||
<img
|
||||
class="contacts-list-img"
|
||||
src={path + "/assets/img/user6-128x128.jpg"}
|
||||
src="/assets/img/user6-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
/>
|
||||
|
||||
@@ -573,7 +573,7 @@ const page = "index2";
|
||||
<a href="#">
|
||||
<img
|
||||
class="contacts-list-img"
|
||||
src={path + "/assets/img/user8-128x128.jpg"}
|
||||
src="/assets/img/user8-128x128.jpg"
|
||||
alt="User Avatar"
|
||||
/>
|
||||
|
||||
@@ -655,7 +655,7 @@ const page = "index2";
|
||||
<div class="col-3 p-2">
|
||||
<img
|
||||
class="img-fluid rounded-circle"
|
||||
src={path + "/assets/img/user1-128x128.jpg"}
|
||||
src="/assets/img/user1-128x128.jpg"
|
||||
alt="User Image"
|
||||
/>
|
||||
<a
|
||||
@@ -669,7 +669,7 @@ const page = "index2";
|
||||
<div class="col-3 p-2">
|
||||
<img
|
||||
class="img-fluid rounded-circle"
|
||||
src={path + "/assets/img/user1-128x128.jpg"}
|
||||
src="/assets/img/user1-128x128.jpg"
|
||||
alt="User Image"
|
||||
/>
|
||||
<a
|
||||
@@ -683,7 +683,7 @@ const page = "index2";
|
||||
<div class="col-3 p-2">
|
||||
<img
|
||||
class="img-fluid rounded-circle"
|
||||
src={path + "/assets/img/user7-128x128.jpg"}
|
||||
src="/assets/img/user7-128x128.jpg"
|
||||
alt="User Image"
|
||||
/>
|
||||
<a
|
||||
@@ -697,7 +697,7 @@ const page = "index2";
|
||||
<div class="col-3 p-2">
|
||||
<img
|
||||
class="img-fluid rounded-circle"
|
||||
src={path + "/assets/img/user6-128x128.jpg"}
|
||||
src="/assets/img/user6-128x128.jpg"
|
||||
alt="User Image"
|
||||
/>
|
||||
<a
|
||||
@@ -711,7 +711,7 @@ const page = "index2";
|
||||
<div class="col-3 p-2">
|
||||
<img
|
||||
class="img-fluid rounded-circle"
|
||||
src={path + "/assets/img/user2-160x160.jpg"}
|
||||
src="/assets/img/user2-160x160.jpg"
|
||||
alt="User Image"
|
||||
/>
|
||||
<a
|
||||
@@ -725,7 +725,7 @@ const page = "index2";
|
||||
<div class="col-3 p-2">
|
||||
<img
|
||||
class="img-fluid rounded-circle"
|
||||
src={path + "/assets/img/user5-128x128.jpg"}
|
||||
src="/assets/img/user5-128x128.jpg"
|
||||
alt="User Image"
|
||||
/>
|
||||
<a
|
||||
@@ -739,7 +739,7 @@ const page = "index2";
|
||||
<div class="col-3 p-2">
|
||||
<img
|
||||
class="img-fluid rounded-circle"
|
||||
src={path + "/assets/img/user4-128x128.jpg"}
|
||||
src="/assets/img/user4-128x128.jpg"
|
||||
alt="User Image"
|
||||
/>
|
||||
<a
|
||||
@@ -753,7 +753,7 @@ const page = "index2";
|
||||
<div class="col-3 p-2">
|
||||
<img
|
||||
class="img-fluid rounded-circle"
|
||||
src={path + "/assets/img/user3-128x128.jpg"}
|
||||
src="/assets/img/user3-128x128.jpg"
|
||||
alt="User Image"
|
||||
/>
|
||||
<a
|
||||
@@ -1078,7 +1078,7 @@ const page = "index2";
|
||||
<div class="d-flex border-top py-2 px-1">
|
||||
<div class="col-2">
|
||||
<img
|
||||
src={path + "/assets/img/default-150x150.png"}
|
||||
src="/assets/img/default-150x150.png"
|
||||
alt="Product Image"
|
||||
class="img-size-50"
|
||||
/>
|
||||
@@ -1099,7 +1099,7 @@ const page = "index2";
|
||||
<div class="d-flex border-top py-2 px-1">
|
||||
<div class="col-2">
|
||||
<img
|
||||
src={path + "/assets/img/default-150x150.png"}
|
||||
src="/assets/img/default-150x150.png"
|
||||
alt="Product Image"
|
||||
class="img-size-50"
|
||||
/>
|
||||
@@ -1120,7 +1120,7 @@ const page = "index2";
|
||||
<div class="d-flex border-top py-2 px-1">
|
||||
<div class="col-2">
|
||||
<img
|
||||
src={path + "/assets/img/default-150x150.png"}
|
||||
src="/assets/img/default-150x150.png"
|
||||
alt="Product Image"
|
||||
class="img-size-50"
|
||||
/>
|
||||
@@ -1142,7 +1142,7 @@ const page = "index2";
|
||||
<div class="d-flex border-top py-2 px-1">
|
||||
<div class="col-2">
|
||||
<img
|
||||
src={path + "/assets/img/default-150x150.png"}
|
||||
src="/assets/img/default-150x150.png"
|
||||
alt="Product Image"
|
||||
class="img-size-50"
|
||||
/>
|
||||
|
||||
@@ -26,7 +26,7 @@ const page = "index3";
|
||||
/>
|
||||
</head>
|
||||
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<body class="layout-fixed sidebar-expand-lg sidebar-open bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<Topbar path={path} />
|
||||
@@ -126,7 +126,7 @@ const page = "index3";
|
||||
<tr>
|
||||
<td>
|
||||
<img
|
||||
src={path + "/assets/img/default-150x150.png"}
|
||||
src="/assets/img/default-150x150.png"
|
||||
alt="Product 1"
|
||||
class="rounded-circle img-size-32 me-2"
|
||||
/>
|
||||
@@ -149,7 +149,7 @@ const page = "index3";
|
||||
<tr>
|
||||
<td>
|
||||
<img
|
||||
src={path + "/assets/img/default-150x150.png"}
|
||||
src="/assets/img/default-150x150.png"
|
||||
alt="Product 1"
|
||||
class="rounded-circle img-size-32 me-2"
|
||||
/>
|
||||
@@ -172,7 +172,7 @@ const page = "index3";
|
||||
<tr>
|
||||
<td>
|
||||
<img
|
||||
src={path + "/assets/img/default-150x150.png"}
|
||||
src="/assets/img/default-150x150.png"
|
||||
alt="Product 1"
|
||||
class="rounded-circle img-size-32 me-2"
|
||||
/>
|
||||
@@ -195,7 +195,7 @@ const page = "index3";
|
||||
<tr>
|
||||
<td>
|
||||
<img
|
||||
src={path + "/assets/img/default-150x150.png"}
|
||||
src="/assets/img/default-150x150.png"
|
||||
alt="Product 1"
|
||||
class="rounded-circle img-size-32 me-2"
|
||||
/>
|
||||
|
||||
@@ -19,7 +19,7 @@ const page = "fixed-complete";
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed fixed-header fixed-footer sidebar-expand-lg bg-body-tertiary">
|
||||
<body class="layout-fixed fixed-header fixed-footer sidebar-expand-lg sidebar-open bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<Topbar path={path} />
|
||||
|
||||
@@ -19,7 +19,7 @@ const page = "fixed-footer";
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="fixed-footer sidebar-expand-lg bg-body-tertiary">
|
||||
<body class="fixed-footer sidebar-expand-lg sidebar-open bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<Topbar path={path} />
|
||||
|
||||
@@ -19,7 +19,7 @@ const page = "fixed-header";
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="fixed-header sidebar-expand-lg bg-body-tertiary">
|
||||
<body class="fixed-header sidebar-expand-lg sidebar-open bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<Topbar path={path} />
|
||||
|
||||
@@ -19,7 +19,7 @@ const page = "fixed-sidebar";
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<body class="layout-fixed sidebar-expand-lg sidebar-open bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<Topbar path={path} />
|
||||
|
||||
@@ -19,7 +19,7 @@ const page = "layout-custom-area";
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<body class="layout-fixed sidebar-expand-lg sidebar-open bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<Topbar path={path}/>
|
||||
|
||||
@@ -20,7 +20,7 @@ const isRtl = true;
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<body class="layout-fixed sidebar-expand-lg sidebar-open bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<Topbar path={path} />
|
||||
|
||||
@@ -30,14 +30,14 @@ const htmlPath = convertPathToHtml(path);
|
||||
<a href={htmlPath + "/index.html"} class="brand-link logo-switch">
|
||||
<!--begin::Brand Image Small-->
|
||||
<img
|
||||
src={path + "/assets/img/AdminLTELogo.png"}
|
||||
src="/assets/img/AdminLTELogo.png"
|
||||
alt="AdminLTE Logo Small"
|
||||
class="brand-image-xl logo-xs opacity-75 shadow"
|
||||
/>
|
||||
<!--end::Brand Image Small-->
|
||||
<!--begin::Brand Image Large-->
|
||||
<img
|
||||
src={path + "/assets/img/AdminLTEFullLogo.png"}
|
||||
src="/assets/img/AdminLTEFullLogo.png"
|
||||
alt="AdminLTE Logo Large"
|
||||
class="brand-image-xs logo-xl opacity-75"
|
||||
/>
|
||||
|
||||
@@ -19,7 +19,7 @@ const page = "unfixed-sidebar";
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="sidebar-expand-lg bg-body-tertiary">
|
||||
<body class="sidebar-expand-lg sidebar-open bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<Topbar path={path} />
|
||||
|
||||
@@ -19,7 +19,7 @@ const page = "simple";
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<body class="layout-fixed sidebar-expand-lg sidebar-open bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<Topbar path={path} />
|
||||
|
||||
@@ -19,7 +19,7 @@ const page = "cards";
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<body class="layout-fixed sidebar-expand-lg sidebar-open bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<Topbar path={path} />
|
||||
|
||||
@@ -19,7 +19,7 @@ const page = "info-box";
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<body class="layout-fixed sidebar-expand-lg sidebar-open bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<Topbar path={path} />
|
||||
|
||||
@@ -19,7 +19,7 @@ const page = "small-box";
|
||||
</head>
|
||||
<!--end::Head-->
|
||||
<!--begin::Body-->
|
||||
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
|
||||
<body class="layout-fixed sidebar-expand-lg sidebar-open bg-body-tertiary">
|
||||
<!--begin::App Wrapper-->
|
||||
<div class="app-wrapper">
|
||||
<Topbar path={path} />
|
||||
|
||||
Reference in New Issue
Block a user