Skip to content

Commit

Permalink
feat: reworked card-widget
Browse files Browse the repository at this point in the history 
- renamed `data-lte-dismiss="card-remove"` to `data-lte-toggle="card-remove"`
- removed icon setter/replacer
- reworked button markup
  • Loading branch information
Raphael Jackstadt committed Jun 19, 2023
1 parent b8f3b7c commit e267ae1
Show file tree
Hide file tree
Showing 26 changed files with 334 additions and 322 deletions.
10 changes: 5 additions & 5 deletions src/html/components/_head.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -34,14 +34,14 @@ const cssPath = isRtl ? ".rtl" : "";
crossorigin="anonymous"
/>
<!--end::Third Party Plugin(OverlayScrollbars)-->
<!--begin::Third Party Plugin(Font Awesome)-->
<!--begin::Third Party Plugin(Bootstrap Icons)-->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/all.min.css"
integrity="sha256-/4UQcSmErDzPCMAiuOiWPVVsNN2s3ZY/NsmXNcj0IFc="
href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css"
integrity="sha256-BicZsQAhkGHIoR//IB2amPN5SrRb3fHB8tFsnqRAwnk="
crossorigin="anonymous"
/>
<!--end::Third Party Plugin(Font Awesome)-->
>
<!--end::Third Party Plugin(Bootstrap Icons)-->
<!--begin::Required Plugin(AdminLTE)-->
<link rel="stylesheet" href={path + "/css/adminlte" + cssPath + ".css"} />
<!--end::Required Plugin(AdminLTE)-->
114 changes: 57 additions & 57 deletions src/html/components/dashboard/_sidenav.astro
View file

Large diffs are not rendered by default.

26 changes: 13 additions & 13 deletions src/html/components/dashboard/_topbar.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ const distPath = path;
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" data-lte-toggle="sidebar" href="#" role="button">
<i class="fa-solid fa-bars"></i>
<i class="bi bi-list"></i>
</a>
</li>
<li class="nav-item d-none d-md-block">
Expand All @@ -28,15 +28,15 @@ const distPath = path;
<!--begin::Navbar Search-->
<li class="nav-item">
<a class="nav-link" data-widget="navbar-search" href="#" role="button">
<i class="fa-solid fa-search"></i>
<i class="bi bi-search"></i>
</a>
</li>
<!--end::Navbar Search-->

<!--begin::Messages Dropdown Menu-->
<li class="nav-item dropdown">
<a class="nav-link" data-bs-toggle="dropdown" href="#">
<i class="fa-regular fa-comments"></i>
<i class="bi bi-chat-text"></i>
<span class="navbar-badge badge text-bg-danger">3</span>
</a>
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
Expand All @@ -54,12 +54,12 @@ const distPath = path;
<h3 class="dropdown-item-title">
Brad Diesel
<span class="float-end fs-7 text-danger"
><i class="fa-solid fa-star"></i></span
><i class="bi bi-star-fill"></i></span
>
</h3>
<p class="fs-7">Call me whenever you can...</p>
<p class="fs-7 text-secondary">
<i class="fa-regular fa-clock me-1"></i> 4 Hours Ago
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
</p>
</div>
</div>
Expand All @@ -80,12 +80,12 @@ const distPath = path;
<h3 class="dropdown-item-title">
John Pierce
<span class="float-end fs-7 text-secondary">
<i class="fa-solid fa-star"></i>
<i class="bi bi-star-fill"></i>
</span>
</h3>
<p class="fs-7">I got your message bro</p>
<p class="fs-7 text-secondary">
<i class="fa-regular fa-clock me-1"></i> 4 Hours Ago
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
</p>
</div>
</div>
Expand All @@ -106,12 +106,12 @@ const distPath = path;
<h3 class="dropdown-item-title">
Nora Silvester
<span class="float-end fs-7 text-warning">
<i class="fa-solid fa-star"></i>
<i class="bi bi-star-fill"></i>
</span>
</h3>
<p class="fs-7">The subject goes here</p>
<p class="fs-7 text-secondary">
<i class="fa-regular fa-clock me-1"></i> 4 Hours Ago
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
</p>
</div>
</div>
Expand All @@ -126,24 +126,24 @@ const distPath = path;
<!--begin::Notifications Dropdown Menu-->
<li class="nav-item dropdown">
<a class="nav-link" data-bs-toggle="dropdown" href="#">
<i class="fa-regular fa-bell"></i>
<i class="bi bi-bell-fill"></i>
<span class="navbar-badge badge text-bg-warning">15</span>
</a>
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
<span class="dropdown-item dropdown-header">15 Notifications</span>
<div class="dropdown-divider"></div>
<a href="#" class="dropdown-item">
<i class="fa-solid fa-envelope me-2"></i> 4 new messages
<i class="bi bi-envelope me-2"></i> 4 new messages
<span class="float-end text-secondary fs-7">3 mins</span>
</a>
<div class="dropdown-divider"></div>
<a href="#" class="dropdown-item">
<i class="fa-solid fa-users me-2"></i> 8 friend requests
<i class="bi bi-people-fill me-2"></i> 8 friend requests
<span class="float-end text-secondary fs-7">12 hours</span>
</a>
<div class="dropdown-divider"></div>
<a href="#" class="dropdown-item">
<i class="fa-solid fa-file me-2"></i> 3 new reports
<i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
<span class="float-end text-secondary fs-7">2 days</span>
</a>
<div class="dropdown-divider"></div>
Expand Down
14 changes: 7 additions & 7 deletions src/html/components/docs/color-mode.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" data-lte-toggle="sidebar" href="#" role="button"
><i class="fa-solid fa-bars"></i
><i class="bi bi-list"></i
></a>
</li>
<li class="nav-item d-none d-md-block">
Expand Down Expand Up @@ -46,9 +46,9 @@
data-bs-theme-value="light"
aria-pressed="false"
>
<i class="fa-regular fa-sun me-2"></i>
<i class="bi bi-sun-fill me-2"></i>
Light
<i class="fa-solid fa-check ms-auto d-none"></i>
<i class="bi bi-check-lg ms-auto d-none"></i>
</button>
</li>
<li>
Expand All @@ -58,9 +58,9 @@
data-bs-theme-value="dark"
aria-pressed="false"
>
<i class="fa-solid fa-moon me-2"></i>
<i class="bi bi-moon-fill me-2"></i>
Dark
<i class="fa-solid fa-check ms-auto d-none"></i>
<i class="bi bi-check-lg ms-auto d-none"></i>
</button>
</li>
<li>
Expand All @@ -70,9 +70,9 @@
data-bs-theme-value="auto"
aria-pressed="true"
>
<i class="fa-solid fa-circle-half-stroke me-2"></i>
<i class="bi bi-circle-fill-half-stroke me-2"></i>
Auto
<i class="fa-solid fa-check ms-auto d-none"></i>
<i class="bi bi-check-lg ms-auto d-none"></i>
</button>
</li>
</ul>
Expand Down
26 changes: 13 additions & 13 deletions src/html/components/docs/components/main-header.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" data-lte-toggle="sidebar" href="#" role="button">
<i class="fa-solid fa-bars"></i>
<i class="bi bi-list"></i>
</a>
</li>
<li class="nav-item d-none d-md-block">
Expand All @@ -23,14 +23,14 @@
<!-- Navbar Search -->
<li class="nav-item">
<a class="nav-link" data-widget="navbar-search" href="#" role="button">
<i class="fa-solid fa-search"></i>
<i class="bi bi-search"></i>
</a>
</li>

<!-- Messages Dropdown Menu -->
<li class="nav-item dropdown">
<a class="nav-link" data-bs-toggle="dropdown" href="#">
<i class="fa-regular fa-comments"></i>
<i class="bi bi-chat-text"></i>
<span class="navbar-badge badge text-bg-danger">3</span>
</a>
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
Expand All @@ -48,12 +48,12 @@
<h3 class="dropdown-item-title">
Brad Diesel
<span class="float-end fs-7 text-danger">
<i class="fa-solid fa-star"></i>
<i class="bi bi-star-fill"></i>
</span>
</h3>
<p class="fs-7">Call me whenever you can...</p>
<p class="fs-7 text-secondary">
<i class="fa-regular fa-clock me-1"></i> 4 Hours Ago
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
</p>
</div>
</div>
Expand All @@ -74,12 +74,12 @@
<h3 class="dropdown-item-title">
John Pierce
<span class="float-end fs-7 text-secondary">
<i class="fa-solid fa-star"></i>
<i class="bi bi-star-fill"></i>
</span>
</h3>
<p class="fs-7">I got your message bro</p>
<p class="fs-7 text-secondary">
<i class="fa-regular fa-clock me-1"></i> 4 Hours Ago
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
</p>
</div>
</div>
Expand All @@ -100,12 +100,12 @@
<h3 class="dropdown-item-title">
Nora Silvester
<span class="float-end fs-7 text-warning">
<i class="fa-solid fa-star"></i>
<i class="bi bi-star-fill"></i>
</span>
</h3>
<p class="fs-7">The subject goes here</p>
<p class="fs-7 text-secondary">
<i class="fa-regular fa-clock me-1"></i> 4 Hours Ago
<i class="bi bi-clock-fill me-1"></i> 4 Hours Ago
</p>
</div>
</div>
Expand All @@ -118,24 +118,24 @@
<!-- Notifications Dropdown Menu -->
<li class="nav-item dropdown">
<a class="nav-link" data-bs-toggle="dropdown" href="#">
<i class="fa-regular fa-bell"></i>
<i class="bi bi-bell-fill"></i>
<span class="navbar-badge badge text-bg-warning">15</span>
</a>
<div class="dropdown-menu dropdown-menu-lg dropdown-menu-end">
<span class="dropdown-item dropdown-header">15 Notifications</span>
<div class="dropdown-divider"></div>
<a href="#" class="dropdown-item">
<i class="fa-solid fa-envelope me-2"></i> 4 new messages
<i class="bi bi-envelope me-2"></i> 4 new messages
<span class="float-end text-secondary fs-7">3 mins</span>
</a>
<div class="dropdown-divider"></div>
<a href="#" class="dropdown-item">
<i class="fa-solid fa-users me-2"></i> 8 friend requests
<i class="bi bi-people-fill me-2"></i> 8 friend requests
<span class="float-end text-secondary fs-7">12 hours</span>
</a>
<div class="dropdown-divider"></div>
<a href="#" class="dropdown-item">
<i class="fa-solid fa-file me-2"></i> 3 new reports
<i class="bi bi-file-earmark-fill me-2"></i> 3 new reports
<span class="float-end text-secondary fs-7">2 days</span>
</a>
<div class="dropdown-divider"></div>
Expand Down
20 changes: 10 additions & 10 deletions src/html/components/docs/components/main-sidebar.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -34,22 +34,22 @@ The sidebar used in this page to the left provides an example of what your sideb
<li class="nav-header">Nav Header</li>
<li class="nav-item">
<a href="./index.html" class="nav-link">
<i class="nav-icon fa-solid fa-circle"></i>
<i class="nav-icon bi bi-circle-fill"></i>
<p>Level 1</p>
</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link">
<i class="nav-icon fa-solid fa-circle"></i>
<i class="nav-icon bi bi-circle-fill"></i>
<p>
Treeview
<i class="nav-arrow fa-solid fa-angle-right"></i>
<i class="nav-arrow bi bi-chevron-right"></i>
</p>
</a>
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="./index.html" class="nav-link">
<i class="nav-icon fa-regular fa-circle"></i>
<i class="nav-icon bi bi-circle"></i>
<p>
Level 2 (Badge)
<span
Expand All @@ -62,37 +62,37 @@ The sidebar used in this page to the left provides an example of what your sideb
</li>
<li class="nav-item">
<a href="./index.html" class="nav-link">
<i class="nav-icon fa-regular fa-circle"></i>
<i class="nav-icon bi bi-circle"></i>
<p>Level 2</p>
</a>
</li>
</ul>
</li>
<li class="nav-item">
<a href="./index.html" class="nav-link active">
<i class="nav-icon fa-solid fa-circle"></i>
<i class="nav-icon bi bi-circle-fill"></i>
<p>Level 1 Active</p>
</a>
</li>

<li class="nav-item menu-open">
<a href="#" class="nav-link active">
<i class="nav-icon fa-solid fa-circle"></i>
<i class="nav-icon bi bi-circle-fill"></i>
<p>
Treeview Menu Open
<i class="nav-arrow fa-solid fa-angle-right"></i>
<i class="nav-arrow bi bi-chevron-right"></i>
</p>
</a>
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="./index.html" class="nav-link active">
<i class="nav-icon fa-regular fa-circle"></i>
<i class="nav-icon bi bi-circle"></i>
<p>Level 2 Active</p>
</a>
</li>
<li class="nav-item">
<a href="./index.html" class="nav-link">
<i class="nav-icon fa-regular fa-circle"></i>
<i class="nav-icon bi bi-circle"></i>
<p>Level 2</p>
</a>
</li>
Expand Down
Loading

0 comments on commit e267ae1

Please sign in to comment.