@enki-tek/fms-web-components 0.1.19 → 0.1.21
Sign up to get free protection for your applications and to get access to all the features.
- package/components/Header/Header.svelte +7 -1
- package/components/Layout/Footer.svelte +1 -1
- package/components/Sidebar/MenuGroup.svelte +1 -1
- package/components/Sidebar/MenuItem.svelte +2 -2
- package/components/Sidebar/SideBarMenu.svelte +1 -1
- package/components/Sidebar/Sidebar.scss +1 -1
- package/components/Sidebar/Sidebar.svelte +1 -1
- package/package.json +1 -1
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
|
|
11
11
|
<span class="navbar-toggler-icon"></span>
|
|
12
12
|
</button>
|
|
13
|
-
<div class="collapse navbar-collapse justify-content-md-end" id="navbarCollapse">
|
|
13
|
+
<div class="collapse navbar-collapse justify-content-md-end " id="navbarCollapse">
|
|
14
14
|
<slot name="menu"></slot>
|
|
15
15
|
<hr class="my-3 d-md-none">
|
|
16
16
|
<slot name="footer-menu"></slot>
|
|
@@ -675,4 +675,10 @@
|
|
|
675
675
|
.main-content {
|
|
676
676
|
margin-left: 0;
|
|
677
677
|
}
|
|
678
|
+
}
|
|
679
|
+
@media (max-width: 767.98px) {
|
|
680
|
+
#navbarCollapse {
|
|
681
|
+
height: calc(100vh - 75px);
|
|
682
|
+
overflow: auto;
|
|
683
|
+
}
|
|
678
684
|
}</style>
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
import { _ } from 'svelte-i18n';
|
|
5
5
|
</script>
|
|
6
6
|
|
|
7
|
-
<footer class="main-footer p-10 d-flex flex-row align-items-center justify-content-between
|
|
7
|
+
<footer class="main-footer p-10 d-flex flex-row align-items-center justify-content-between bottom-0">
|
|
8
8
|
<div class="copy-right">
|
|
9
9
|
{$_({id: 'Common.rightReserved', default: 'All rights reserved.'})}
|
|
10
10
|
<i class="ml-2 text-secondary ">{$_({id: 'Common.Version', default:'Version'})} 0.0.2</i>
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
</script>
|
|
8
8
|
|
|
9
9
|
<li class="nav-item p-2 box {active ? "active" : ""}">
|
|
10
|
-
<a
|
|
10
|
+
<a data-bs-toggle="collapse" data-bs-target=".navbar-collapse.show"
|
|
11
11
|
class="nav-link d-flex align-items-center gap-2 flex-grow-1"
|
|
12
12
|
aria-current="page"
|
|
13
13
|
href={link}
|
|
@@ -108,7 +108,7 @@ ul, .icon-sidebar-content ul li, .icon-sidebar-content .toggle-button {
|
|
|
108
108
|
.box a {
|
|
109
109
|
color: #05445e;
|
|
110
110
|
}
|
|
111
|
-
@media (max-width:
|
|
111
|
+
@media (max-width: 767.98px) {
|
|
112
112
|
.box a {
|
|
113
113
|
color: #ffffff;
|
|
114
114
|
}
|