@enki-tek/fms-web-components 0.1.18 → 0.1.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/Header/Header.svelte +6 -1
- package/components/Layout/Footer.svelte +1 -1
- package/components/Layout/Page.svelte +4 -4
- 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/components/WidgetCard/AlertFooter.svelte +4 -4
- 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 overflow-auto" 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,9 @@
|
|
|
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
|
+
}
|
|
678
683
|
}</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>
|
|
@@ -4,16 +4,16 @@
|
|
|
4
4
|
|
|
5
5
|
<div class="main-content">
|
|
6
6
|
<div class="d-flex justify-content-between flex-wrap align-items-top mt-3 pb-2 px-0 flex-fill">
|
|
7
|
-
<
|
|
7
|
+
<div class="flex-fill">
|
|
8
8
|
<header>
|
|
9
9
|
<div class="d-flex flex-row justify-content-start title">
|
|
10
10
|
<slot name="title" />
|
|
11
11
|
</div>
|
|
12
12
|
</header>
|
|
13
|
-
</
|
|
14
|
-
<
|
|
13
|
+
</div>
|
|
14
|
+
<div class="flex-fill">
|
|
15
15
|
<slot name="actions" />
|
|
16
|
-
</
|
|
16
|
+
</div>
|
|
17
17
|
</div>
|
|
18
18
|
<Row>
|
|
19
19
|
<slot name="widget" />
|
|
@@ -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
|
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
<script>
|
|
2
2
|
import { Col, Row } from 'sveltestrap';
|
|
3
|
-
export let text = '
|
|
3
|
+
export let text = '';
|
|
4
4
|
export let color = false;
|
|
5
5
|
export let icon = 'warning_amber';
|
|
6
6
|
export let switchButton = false;
|
|
7
|
-
export let time = '
|
|
7
|
+
export let time = '';
|
|
8
8
|
</script>
|
|
9
9
|
|
|
10
10
|
<Row class="mt-2">
|
|
@@ -16,8 +16,8 @@
|
|
|
16
16
|
>
|
|
17
17
|
</div>
|
|
18
18
|
<div class="pe-2 pt-1">{text}</div>
|
|
19
|
-
</div
|
|
20
|
-
>
|
|
19
|
+
</div>
|
|
20
|
+
</Col>
|
|
21
21
|
<Col md="3">
|
|
22
22
|
{#if switchButton}
|
|
23
23
|
<div class="float-end">
|