@sikka/hawa 0.0.126 → 0.0.128
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/styles.css +12 -3
- package/es/index.es.js +1 -1
- package/lib/index.js +1 -1
- package/package.json +1 -1
- package/src/layout/HawaAppLayout.tsx +11 -2
- package/src/styles.css +12 -3
package/package.json
CHANGED
|
@@ -18,7 +18,7 @@ export const HawaAppLayout: React.FunctionComponent<HawaAppLayoutTypes> = (
|
|
|
18
18
|
<div
|
|
19
19
|
onMouseEnter={() => setOpenSideMenu(true)}
|
|
20
20
|
onMouseLeave={() => setOpenSideMenu(false)}
|
|
21
|
-
className="absolute top-0 left-0 z-50 flex h-full w-12 flex-col
|
|
21
|
+
className="absolute top-0 left-0 z-50 flex h-full w-12 flex-col bg-blue-300 transition-all hover:w-40"
|
|
22
22
|
>
|
|
23
23
|
<div className="flex flex-row p-2">
|
|
24
24
|
{/* full logo */}
|
|
@@ -57,9 +57,18 @@ export const HawaAppLayout: React.FunctionComponent<HawaAppLayoutTypes> = (
|
|
|
57
57
|
</div>
|
|
58
58
|
))}
|
|
59
59
|
</div>
|
|
60
|
-
<div
|
|
60
|
+
<div
|
|
61
|
+
className={clsx(
|
|
62
|
+
// "overflow-scroll",
|
|
63
|
+
"w-[calc(100%-1rem)]",
|
|
64
|
+
"translate-x-[2rem] -translate-y-[1rem]",
|
|
65
|
+
"bg-red-900 text-white",
|
|
66
|
+
"m-0"
|
|
67
|
+
)}
|
|
68
|
+
>
|
|
61
69
|
{props.children}
|
|
62
70
|
</div>
|
|
71
|
+
{/* <div className="top-0 w-[calc(100%-1rem)] -translate-y-[1rem] translate-x-8 overflow-scroll bg-yellow-300 "> */}
|
|
63
72
|
</>
|
|
64
73
|
)
|
|
65
74
|
}
|
package/src/styles.css
CHANGED
|
@@ -895,6 +895,10 @@ video {
|
|
|
895
895
|
--tw-translate-y: -50%;
|
|
896
896
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
897
897
|
}
|
|
898
|
+
.translate-x-\[2rem\] {
|
|
899
|
+
--tw-translate-x: 2rem;
|
|
900
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
901
|
+
}
|
|
898
902
|
.-translate-y-\[1rem\] {
|
|
899
903
|
--tw-translate-y: -1rem;
|
|
900
904
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
@@ -984,9 +988,6 @@ video {
|
|
|
984
988
|
.gap-1 {
|
|
985
989
|
gap: 0.25rem;
|
|
986
990
|
}
|
|
987
|
-
.gap-0 {
|
|
988
|
-
gap: 0px;
|
|
989
|
-
}
|
|
990
991
|
.gap-x-3 {
|
|
991
992
|
-moz-column-gap: 0.75rem;
|
|
992
993
|
column-gap: 0.75rem;
|
|
@@ -1347,6 +1348,14 @@ video {
|
|
|
1347
1348
|
--tw-bg-opacity: 1;
|
|
1348
1349
|
background-color: rgb(6 92 198 / var(--tw-bg-opacity));
|
|
1349
1350
|
}
|
|
1351
|
+
.bg-red-900 {
|
|
1352
|
+
--tw-bg-opacity: 1;
|
|
1353
|
+
background-color: rgb(127 29 29 / var(--tw-bg-opacity));
|
|
1354
|
+
}
|
|
1355
|
+
.bg-yellow-300 {
|
|
1356
|
+
--tw-bg-opacity: 1;
|
|
1357
|
+
background-color: rgb(253 224 71 / var(--tw-bg-opacity));
|
|
1358
|
+
}
|
|
1350
1359
|
.bg-primary-300 {
|
|
1351
1360
|
--tw-bg-opacity: 1;
|
|
1352
1361
|
background-color: rgb(156 199 252 / var(--tw-bg-opacity));
|