ketekny-ui-kit 1.0.69 → 1.0.70
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/package.json +1 -1
- package/src/layout/twoColLayout.vue +16 -19
package/package.json
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
type="button"
|
|
8
8
|
:aria-label="expandLabel"
|
|
9
9
|
v-tooltip.right="expandLabel"
|
|
10
|
-
class="fixed
|
|
10
|
+
class="fixed top-0 z-[70] hidden h-10 w-10 items-center justify-center rounded-r-full border-white/15 bg-[#121b2e] text-white shadow-2xl shadow-black/50 transition-all duration-300 hover:bg-[#1a2640] lg:left-[44px] lg:translate-x-full lg:flex"
|
|
11
11
|
@click="toggleSidebar"
|
|
12
12
|
>
|
|
13
13
|
<slot name="collapsed-toggle-icon">
|
|
@@ -15,6 +15,19 @@
|
|
|
15
15
|
</slot>
|
|
16
16
|
</button>
|
|
17
17
|
|
|
18
|
+
<button
|
|
19
|
+
v-show="!isSidebarCollapsed"
|
|
20
|
+
type="button"
|
|
21
|
+
:aria-label="collapseLabel"
|
|
22
|
+
v-tooltip.left="collapseLabel"
|
|
23
|
+
class="fixed top-0 z-[70] hidden h-10 w-10 items-center justify-center rounded-r-full border-white/15 bg-[#121b2e] text-white shadow-2xl shadow-black/50 transition-all duration-300 hover:bg-[#1a2640] lg:left-[328px] lg:translate-x-full lg:flex"
|
|
24
|
+
@click.stop="toggleSidebar"
|
|
25
|
+
>
|
|
26
|
+
<slot name="toggle-icon">
|
|
27
|
+
<kIcon :name="collapseIcon" size="16" class="text-white" />
|
|
28
|
+
</slot>
|
|
29
|
+
</button>
|
|
30
|
+
|
|
18
31
|
<aside
|
|
19
32
|
class="flex h-screen w-full flex-col overflow-y-auto overflow-x-hidden bg-[radial-gradient(circle_at_0_0,#ffffff0f,#0000_34%),linear-gradient(#101a2d_0%,#0a1120_52%,#070d19_100%)] text-white shadow-2xl transition-all duration-300 ease-out lg:w-[360px] lg:shrink-0 lg:will-change-transform"
|
|
20
33
|
:class="
|
|
@@ -23,7 +36,7 @@
|
|
|
23
36
|
: 'lg:relative lg:z-30 lg:translate-x-0'
|
|
24
37
|
"
|
|
25
38
|
>
|
|
26
|
-
<div class="relative
|
|
39
|
+
<div class="relative">
|
|
27
40
|
<button
|
|
28
41
|
v-if="logoSrc"
|
|
29
42
|
type="button"
|
|
@@ -47,23 +60,8 @@
|
|
|
47
60
|
</div>
|
|
48
61
|
|
|
49
62
|
<slot name="sidebar-header" />
|
|
50
|
-
|
|
51
|
-
<button
|
|
52
|
-
v-show="!isSidebarCollapsed"
|
|
53
|
-
type="button"
|
|
54
|
-
:aria-label="collapseLabel"
|
|
55
|
-
v-tooltip.left="collapseLabel"
|
|
56
|
-
class="absolute right-2 top-2 z-[70] hidden h-10 w-10 items-center justify-center rounded-full border border-white/15 bg-[#121b2e] text-white shadow-2xl shadow-black/50 transition hover:bg-[#1a2640] lg:flex"
|
|
57
|
-
@click.stop="toggleSidebar"
|
|
58
|
-
>
|
|
59
|
-
<slot name="toggle-icon">
|
|
60
|
-
<kIcon :name="collapseIcon" size="16" class="text-white" />
|
|
61
|
-
</slot>
|
|
62
|
-
</button>
|
|
63
63
|
</div>
|
|
64
64
|
|
|
65
|
-
|
|
66
|
-
|
|
67
65
|
<div class="flex-1 pt-4">
|
|
68
66
|
<div
|
|
69
67
|
v-if="isSidebarCollapsed"
|
|
@@ -197,11 +195,10 @@
|
|
|
197
195
|
</div>
|
|
198
196
|
</div>
|
|
199
197
|
</div>
|
|
200
|
-
|
|
201
198
|
|
|
202
199
|
<div
|
|
203
200
|
v-if="!isSidebarCollapsed"
|
|
204
|
-
class="shrink-0 border-t border-white/10
|
|
201
|
+
class="shrink-0 border-t border-white/10 text-white/50"
|
|
205
202
|
>
|
|
206
203
|
<div class="flex flex-col gap-2 px-4" v-if="showContactInfo">
|
|
207
204
|
<p
|