@alxgrn/telefrag-ui 0.0.23 → 0.0.25
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/dist/assets/Content.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.Content{display:flex;align-items:stretch;gap:var(--alxgrn-unit-half);max-width:var(--alxgrn-layout-width);margin:0 auto;margin-top:var(--alxgrn-layout-header-height)}.Content .ContentMain{flex:1 1 auto}.Content .ContentMenu{flex:0 0 auto;width:var(--alxgrn-layout-menu-width);color:var(--alxgrn-color-text);background-color:var(--alxgrn-bg-main);max-height:calc(100vh - var(--alxgrn-unit) - var(--alxgrn-layout-header-height));overflow-y:auto;position:sticky;top:
|
|
1
|
+
.Content{display:flex;align-items:stretch;gap:var(--alxgrn-unit-half);max-width:var(--alxgrn-layout-width);margin:0 auto;margin-top:var(--alxgrn-layout-header-height)}.Content .ContentMain{flex:1 1 auto}.Content .ContentMenu{flex:0 0 auto;width:var(--alxgrn-layout-menu-width);color:var(--alxgrn-color-text);background-color:var(--alxgrn-bg-main);max-height:calc(100vh - var(--alxgrn-unit) - var(--alxgrn-layout-header-height));overflow-y:auto;position:sticky;top:var(--alxgrn-layout-header-height)}.Content .ContentMenu::-webkit-scrollbar{width:var(--alxgrn-unit-small);height:var(--alxgrn-unit-small)}.Content .ContentMenu::-webkit-scrollbar-corner{background-color:transparent}.Content .ContentMenu::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--alxgrn-unit-small)}.Content .ContentMenu::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--alxgrn-unit-small)}.Content .ContentMenu:hover::-webkit-scrollbar-thumb{background-color:var(--alxgrn-color-scroll);border-radius:var(--alxgrn-unit-small)}@media (max-width: 1024px){.Content .ContentMenu{display:none}}@media (max-width: 768px){.Content{padding-left:0;padding-right:0}}
|
package/dist/assets/MainMenu.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.MainMenu{margin-right:var(--alxgrn-unit-half)}.MainMenu div{display:flex;align-items:center;gap:var(--alxgrn-unit-half);cursor:pointer;padding:var(--alxgrn-unit-half);border-radius:var(--alxgrn-unit-half)}.MainMenu div:hover{background-color:var(--alxgrn-bg-panel)}.MainMenu div.MainMenuTitle{cursor:initial}.MainMenu div.MainMenuTitle:hover{background-color:unset}.MainMenu div:hover *{color:var(--alxgrn-color-accent)}.MainMenu div svg{color:var(--alxgrn-color-accent);font-size:var(--alxgrn-font-size-big)}.MainMenu div img{width:var(--alxgrn-font-size-big);height:var(--alxgrn-font-size-big);border-radius:50%;flex:0 0 auto}.MainMenu div span{font-size:var(--alxgrn-font-size);overflow-wrap:break-word;display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;flex:1 1 auto}.MainMenu div.MainMenuTitle span{text-transform:uppercase;font-size:var(--alxgrn-font-size-small);font-weight:600;color:var(--alxgrn-color-light)}.MainMenu div span.MainMenuCheck{display:block;width:var(--alxgrn-unit-half);height:var(--alxgrn-unit-half);border-radius:50%;background-color:var(--alxgrn-color-accent);flex:0 0 auto}
|
|
1
|
+
.MainMenu{margin-top:var(--alxgrn-unit);margin-right:var(--alxgrn-unit-half)}.MainMenu div{display:flex;align-items:center;gap:var(--alxgrn-unit-half);cursor:pointer;padding:var(--alxgrn-unit-half);border-radius:var(--alxgrn-unit-half)}.MainMenu div:hover{background-color:var(--alxgrn-bg-panel)}.MainMenu div.MainMenuTitle{cursor:initial}.MainMenu div.MainMenuTitle:hover{background-color:unset}.MainMenu div:hover *{color:var(--alxgrn-color-accent)}.MainMenu div svg{color:var(--alxgrn-color-accent);font-size:var(--alxgrn-font-size-big)}.MainMenu div img{width:var(--alxgrn-font-size-big);height:var(--alxgrn-font-size-big);border-radius:50%;flex:0 0 auto}.MainMenu div span{font-size:var(--alxgrn-font-size);overflow-wrap:break-word;display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;flex:1 1 auto}.MainMenu div.MainMenuTitle span{text-transform:uppercase;font-size:var(--alxgrn-font-size-small);font-weight:600;color:var(--alxgrn-color-light)}.MainMenu div span.MainMenuCheck{display:block;width:var(--alxgrn-unit-half);height:var(--alxgrn-unit-half);border-radius:50%;background-color:var(--alxgrn-color-accent);flex:0 0 auto}
|
package/dist/assets/Panel.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.Panel{background-color:var(--alxgrn-bg-panel);border-radius:var(--alxgrn-unit-half);padding:var(--alxgrn-unit
|
|
1
|
+
.Panel{background-color:var(--alxgrn-bg-panel);border-radius:var(--alxgrn-unit-half);padding:var(--alxgrn-unit);margin:var(--alxgrn-unit) 0}.Panel:first-child{margin-top:0}.Panel:last-child{margin-bottom:0}.Panel p:first-child,.Panel .p:first-child{margin-top:0}.Panel p:last-child,.Panel .p:last-child{margin-bottom:0}
|
|
@@ -1,41 +1,42 @@
|
|
|
1
1
|
import { jsxs as i, jsx as a } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
3
|
-
import
|
|
2
|
+
import N from "../icons/Image.js";
|
|
3
|
+
import f from "../icons/ShowSidebar.js";
|
|
4
4
|
import "react";
|
|
5
|
-
import
|
|
5
|
+
import p from "../icons/Trash.js";
|
|
6
6
|
import '../../assets/PageHeader.css';/* empty css */
|
|
7
|
-
const
|
|
8
|
-
menu:
|
|
9
|
-
title:
|
|
10
|
-
subtitle:
|
|
11
|
-
logo:
|
|
12
|
-
back:
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
7
|
+
const y = ({
|
|
8
|
+
menu: l,
|
|
9
|
+
title: u,
|
|
10
|
+
subtitle: k,
|
|
11
|
+
logo: s,
|
|
12
|
+
back: c,
|
|
13
|
+
admin: d,
|
|
14
|
+
square: o,
|
|
15
|
+
onLogoClick: n,
|
|
16
|
+
onLogoCreate: m,
|
|
17
|
+
onLogoRemove: g,
|
|
18
|
+
onBackClick: t,
|
|
19
|
+
onBackCreate: v,
|
|
20
|
+
onBackRemove: P,
|
|
21
|
+
onShowSidebar: h
|
|
21
22
|
}) => {
|
|
22
|
-
const r = (e,
|
|
23
|
-
e.stopPropagation(),
|
|
23
|
+
const r = (e, H) => {
|
|
24
|
+
e.stopPropagation(), H && H();
|
|
24
25
|
};
|
|
25
26
|
return /* @__PURE__ */ i("div", { className: "PageHeader", children: [
|
|
26
27
|
/* @__PURE__ */ i(
|
|
27
28
|
"div",
|
|
28
29
|
{
|
|
29
30
|
className: "PageHeaderBack",
|
|
30
|
-
onClick: (e) => r(e,
|
|
31
|
+
onClick: (e) => r(e, t),
|
|
31
32
|
style: {
|
|
32
|
-
cursor:
|
|
33
|
-
backgroundImage:
|
|
33
|
+
cursor: t ? "pointer" : void 0,
|
|
34
|
+
backgroundImage: c ? `url(${c})` : void 0
|
|
34
35
|
},
|
|
35
36
|
children: [
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
37
|
+
d && v && /* @__PURE__ */ a("div", { className: "PageHeaderBackCreate", onClick: (e) => r(e, v), children: /* @__PURE__ */ a(N, {}) }),
|
|
38
|
+
d && P && /* @__PURE__ */ a("div", { className: "PageHeaderBackRemove", onClick: (e) => r(e, P), children: /* @__PURE__ */ a(p, {}) }),
|
|
39
|
+
h && /* @__PURE__ */ a("div", { className: "PageHeaderShowSidebar", onClick: (e) => r(e, h), children: /* @__PURE__ */ a(f, {}) })
|
|
39
40
|
]
|
|
40
41
|
}
|
|
41
42
|
),
|
|
@@ -43,27 +44,27 @@ const j = ({
|
|
|
43
44
|
/* @__PURE__ */ i(
|
|
44
45
|
"div",
|
|
45
46
|
{
|
|
46
|
-
className:
|
|
47
|
-
onClick: (e) => r(e,
|
|
47
|
+
className: o ? "PageHeaderLogo Square" : "PageHeaderLogo",
|
|
48
|
+
onClick: (e) => r(e, n),
|
|
48
49
|
style: {
|
|
49
|
-
cursor:
|
|
50
|
-
backgroundImage:
|
|
51
|
-
borderRadius:
|
|
50
|
+
cursor: n ? "pointer" : void 0,
|
|
51
|
+
backgroundImage: s ? `url(${s})` : void 0,
|
|
52
|
+
borderRadius: o ? void 0 : "50%"
|
|
52
53
|
},
|
|
53
54
|
children: [
|
|
54
|
-
|
|
55
|
-
|
|
55
|
+
d && m && /* @__PURE__ */ a("div", { className: "PageHeaderLogoCreate", onClick: (e) => r(e, m), children: /* @__PURE__ */ a(N, {}) }),
|
|
56
|
+
d && g && /* @__PURE__ */ a("div", { className: "PageHeaderLogoRemove", onClick: (e) => r(e, g), children: /* @__PURE__ */ a(p, {}) })
|
|
56
57
|
]
|
|
57
58
|
}
|
|
58
59
|
),
|
|
59
60
|
/* @__PURE__ */ i("div", { className: "PageHeaderInfo", children: [
|
|
60
|
-
/* @__PURE__ */ a("div", { className: "PageHeaderTitle one-line", children:
|
|
61
|
-
/* @__PURE__ */ a("div", { className: "PageHeaderSubtitle one-line", children:
|
|
61
|
+
/* @__PURE__ */ a("div", { className: "PageHeaderTitle one-line", children: u }),
|
|
62
|
+
/* @__PURE__ */ a("div", { className: "PageHeaderSubtitle one-line", children: k })
|
|
62
63
|
] }),
|
|
63
|
-
|
|
64
|
+
l && /* @__PURE__ */ a("div", { className: "PageHeaderMenu", children: l })
|
|
64
65
|
] })
|
|
65
66
|
] });
|
|
66
67
|
};
|
|
67
68
|
export {
|
|
68
|
-
|
|
69
|
+
y as default
|
|
69
70
|
};
|
package/package.json
CHANGED