@enki-tek/fms-web-components 0.1.18 → 0.1.20
Sign up to get free protection for your applications and to get access to all the features.
- 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">
|