@sikka/hawa 0.0.147 → 0.0.149

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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sikka/hawa",
3
- "version": "0.0.147",
3
+ "version": "0.0.149",
4
4
  "description": "UI Kit",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.es.js",
@@ -235,14 +235,15 @@ export const HawaAppLayout: React.FunctionComponent<HawaAppLayoutTypes> = (
235
235
 
236
236
  <div
237
237
  className={clsx(
238
- size > 600 ? "left-14" : "",
238
+ size > 600 ? "left-14" : "left-0",
239
239
  // size > 600 ? "w-[calc(100%-3rem)] translate-x-[3.54rem]" : "",
240
+ "fixed h-full w-full overflow-y-auto",
240
241
  props.topBar ? "top-14" : "top-0",
241
242
  // props.topBar ? "mt-[3.6rem]" : "mt-0",
242
- "fixed top-0 h-full overflow-auto p-4",
243
243
  // keepOpen ? "w-[calc(100%-10rem)] translate-x-[10.54rem]" : ""
244
- keepOpen ? "left-40" : ""
244
+ keepOpen ? "left-40" : "left-0"
245
245
  )}
246
+ // className={"layoutBody_open"}
246
247
  >
247
248
  {props.children}
248
249
  </div>
package/src/styles.css CHANGED
@@ -1080,9 +1080,6 @@ video {
1080
1080
  .justify-self-end {
1081
1081
  justify-self: end;
1082
1082
  }
1083
- .overflow-auto {
1084
- overflow: auto;
1085
- }
1086
1083
  .overflow-hidden {
1087
1084
  overflow: hidden;
1088
1085
  }
@@ -1784,6 +1781,13 @@ body {
1784
1781
  font-family: "IBM Plex Sans Arabic", sans-serif;
1785
1782
  }
1786
1783
 
1784
+ .layoutBody_open {
1785
+ background-color: red;
1786
+ /* left: 10rem; */
1787
+ position: fixed;
1788
+ left: 56px;
1789
+ }
1790
+
1787
1791
  .after\:absolute::after {
1788
1792
  content: var(--tw-content);
1789
1793
  position: absolute;
package/src/tailwind.css CHANGED
@@ -13,3 +13,10 @@
13
13
  body {
14
14
  font-family: "IBM Plex Sans Arabic", sans-serif;
15
15
  }
16
+
17
+ .layoutBody_open {
18
+ background-color: red;
19
+ /* left: 10rem; */
20
+ position: fixed;
21
+ left: 56px;
22
+ }