codexly-ui 0.0.9 → 0.0.10
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/fesm2022/codexly-ui.mjs
CHANGED
|
@@ -10887,11 +10887,10 @@ class ClxAppLayoutComponent {
|
|
|
10887
10887
|
_sidebarOpen = signal(true, ...(ngDevMode ? [{ debugName: "_sidebarOpen" }] : []));
|
|
10888
10888
|
_sidebarCls = computed(() => {
|
|
10889
10889
|
const base = [
|
|
10890
|
-
// Mobile: fixed overlay from left edge
|
|
10891
10890
|
'fixed inset-y-0 left-0 z-30 w-72 flex flex-col',
|
|
10892
10891
|
'bg-slate-900 overflow-y-auto shrink-0',
|
|
10893
|
-
|
|
10894
|
-
|
|
10892
|
+
// Transition solo en mobile — en desktop (lg+) el resize no debe animar
|
|
10893
|
+
'lg:transition-none transition-transform duration-300 ease-in-out',
|
|
10895
10894
|
'lg:relative lg:inset-auto lg:z-auto lg:translate-x-0',
|
|
10896
10895
|
].join(' ');
|
|
10897
10896
|
return this._sidebarOpen()
|
|
@@ -10913,7 +10912,7 @@ class ClxAppLayoutComponent {
|
|
|
10913
10912
|
<!-- ── Mobile backdrop ───────────────────────────────────────────────────── -->
|
|
10914
10913
|
@if (_sidebarOpen()) {
|
|
10915
10914
|
<div
|
|
10916
|
-
class="fixed inset-0 z-20 bg-slate-900/60
|
|
10915
|
+
class="fixed inset-0 z-20 bg-slate-900/60 lg:hidden"
|
|
10917
10916
|
aria-hidden="true"
|
|
10918
10917
|
(click)="closeSidebar()">
|
|
10919
10918
|
</div>
|
|
@@ -10930,7 +10929,7 @@ class ClxAppLayoutComponent {
|
|
|
10930
10929
|
<div class="flex-1 flex flex-col overflow-hidden min-w-0">
|
|
10931
10930
|
|
|
10932
10931
|
<!-- Header slot (h-16, white/blur, bottom border) -->
|
|
10933
|
-
<header class="h-16 shrink-0 bg-white
|
|
10932
|
+
<header class="h-16 shrink-0 bg-white border-b border-slate-200 flex items-center z-10 px-4 gap-3">
|
|
10934
10933
|
<ng-content select="[clx-header]"></ng-content>
|
|
10935
10934
|
</header>
|
|
10936
10935
|
|
|
@@ -10951,7 +10950,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
10951
10950
|
<!-- ── Mobile backdrop ───────────────────────────────────────────────────── -->
|
|
10952
10951
|
@if (_sidebarOpen()) {
|
|
10953
10952
|
<div
|
|
10954
|
-
class="fixed inset-0 z-20 bg-slate-900/60
|
|
10953
|
+
class="fixed inset-0 z-20 bg-slate-900/60 lg:hidden"
|
|
10955
10954
|
aria-hidden="true"
|
|
10956
10955
|
(click)="closeSidebar()">
|
|
10957
10956
|
</div>
|
|
@@ -10968,7 +10967,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
|
|
|
10968
10967
|
<div class="flex-1 flex flex-col overflow-hidden min-w-0">
|
|
10969
10968
|
|
|
10970
10969
|
<!-- Header slot (h-16, white/blur, bottom border) -->
|
|
10971
|
-
<header class="h-16 shrink-0 bg-white
|
|
10970
|
+
<header class="h-16 shrink-0 bg-white border-b border-slate-200 flex items-center z-10 px-4 gap-3">
|
|
10972
10971
|
<ng-content select="[clx-header]"></ng-content>
|
|
10973
10972
|
</header>
|
|
10974
10973
|
|