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:
Aigars Silkalns
2025-06-23 12:43:49 +03:00
parent e634d5e000
commit 3885daabe1
138 changed files with 2302 additions and 35295 deletions

View File

@@ -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} />

View File

@@ -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} />

View File

@@ -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>

View File

@@ -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} />

View File

@@ -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} />

View File

@@ -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"
/>

View File

@@ -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} />

View File

@@ -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} />

View File

@@ -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} />

View File

@@ -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} />

View File

@@ -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} />

View File

@@ -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} />

View File

@@ -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} />

View File

@@ -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">

View File

@@ -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} />

View File

@@ -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"
/>

View File

@@ -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 -->

View File

@@ -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"
/>

View File

@@ -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"
/>

View File

@@ -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} />

View File

@@ -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} />

View File

@@ -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} />

View File

@@ -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} />

View File

@@ -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}/>

View File

@@ -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} />

View File

@@ -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"
/>

View File

@@ -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} />

View File

@@ -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} />

View File

@@ -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} />

View File

@@ -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} />

View File

@@ -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} />