Files
AdminLTE/src/html/pages/layout/layout-custom-area.astro

145 lines
4.4 KiB
Plaintext

---
import Head from "@components/_head.astro";
import Footer from "@components/dashboard/_footer.astro";
import Topbar from "@components/dashboard/_topbar.astro";
import Sidenav from "@components/dashboard/_sidenav.astro";
import Scripts from "@components/_scripts.astro";
const title = "AdminLTE 4 | Layout Custom Area";
const path = "../../../dist";
const mainPage = "layout";
const page = "layout-custom-area";
---
<!DOCTYPE html>
<html lang="en">
<!--begin::Head-->
<head>
<Head title={title} path={path}/>
</head>
<!--end::Head-->
<!--begin::Body-->
<body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
<!--begin::App Wrapper-->
<div class="app-wrapper">
<Topbar path={path}/>
<Sidenav path={path} mainPage={mainPage} page={page}/>
<!--begin::App Main-->
<main class="app-main">
<!--begin::App Content Top Area-->
<div class="app-content-top-area">
<!--begin::Container-->
<div class="container-fluid">
<div class="row">
<div class="col-md-6">
<div>App Content Top Area</div>
</div>
<div class="col-md-6 text-end">
<button type="submit" class="btn btn-primary" name="save" value="create">Create Admin</button>
</div>
</div>
</div>
<!--end::Container-->
</div>
<!--end::App Content Bottom Area-->
<!--begin::App Content Header-->
<div class="app-content-header">
<!--begin::Container-->
<div class="container-fluid">
<!--begin::Row-->
<div class="row">
<div class="col-sm-8">
<h3 class="mb-0"> Layout Custom Area </h3>
</div>
<div class="col-sm-4">
<ol class="breadcrumb float-sm-end">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">
Fixed Layout
</li>
</ol>
</div>
</div>
<!--end::Row-->
</div>
<!--end::Container-->
</div>
<!--end::App Content Header-->
<!--begin::App Content-->
<div class="app-content">
<!--begin::Container-->
<div class="container-fluid">
<!--begin::Row-->
<div class="row">
<div class="col-12">
<!-- Default box -->
<div class="card">
<div class="card-header">
<h3 class="card-title">Title</h3>
<div class="card-tools">
<button
type="button"
class="btn btn-tool"
data-lte-toggle="card-collapse"
title="Collapse"
>
<i data-lte-icon="expand" class="bi bi-plus-lg"></i>
<i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
</button>
<button
type="button"
class="btn btn-tool"
data-lte-toggle="card-remove"
title="Remove"
>
<i class="bi bi-x-lg"></i>
</button>
</div>
</div>
<div class="card-body">
Start creating your amazing application!
</div>
<!-- /.card-body -->
<div class="card-footer">Footer</div>
<!-- /.card-footer-->
</div>
<!-- /.card -->
</div>
</div>
<!--end::Row-->
</div>
<!--end::Container-->
</div>
<!--end::App Content-->
<!--begin::App Content Bottom Area-->
<div class="app-content-bottom-area">
<!--begin::Container-->
<div class="container-fluid">
<div class="row">
<div class="col-md-6">
<div>App Content Bottom Area</div>
</div>
<div class="col-md-6 text-end">
<button type="submit" class="btn btn-secondary" name="save" value="create">Refresh</button>
</div>
</div>
</div>
<!--end::Container-->
</div>
<!--end::App Content Bottom Area-->
</main>
<!--end::App Main-->
<Footer/>
</div>
<!--end::App Wrapper-->
<!--begin::Script-->
<Scripts path={path}/>
<!--end::Script-->
</body><!--end::Body-->
</html>