@acuteinfo/common-screens 1.0.28 → 1.0.29

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/index.js CHANGED
@@ -2549,60 +2549,63 @@ const checkDateAndDisplay = (dateStr) => {
2549
2549
  };
2550
2550
 
2551
2551
  const drawerWidth = 227;
2552
- const useStyles = makeStyles((theme) => ({
2553
- drawerPaper: {
2554
- position: "relative",
2555
- whiteSpace: "nowrap",
2556
- width: drawerWidth,
2557
- background: theme.palette.info.dark,
2558
- transition: theme.transitions.create("width", {
2559
- easing: theme.transitions.easing.sharp,
2560
- duration: theme.transitions.duration.enteringScreen,
2561
- }),
2562
- border: "none",
2563
- overflow: "hidden",
2564
- zIndex: 120,
2565
- },
2566
- drawerPaperClose: {
2567
- overflowX: "hidden",
2568
- transition: theme.transitions.create("width", {
2569
- easing: theme.transitions.easing.sharp,
2570
- duration: theme.transitions.duration.leavingScreen,
2571
- }),
2572
- width: theme.spacing(8),
2573
- [theme.breakpoints.up("sm")]: {
2552
+ const useStyles = makeStyles((theme) => {
2553
+ console.log("theme<<", theme);
2554
+ return {
2555
+ drawerPaper: {
2556
+ position: "relative",
2557
+ whiteSpace: "nowrap",
2558
+ width: drawerWidth,
2559
+ background: theme.palette.info.light,
2560
+ transition: theme.transitions.create("width", {
2561
+ easing: theme.transitions.easing.sharp,
2562
+ duration: theme.transitions.duration.enteringScreen,
2563
+ }),
2564
+ border: "none",
2565
+ overflow: "hidden",
2566
+ zIndex: 120,
2567
+ },
2568
+ drawerPaperClose: {
2569
+ overflowX: "hidden",
2570
+ transition: theme.transitions.create("width", {
2571
+ easing: theme.transitions.easing.sharp,
2572
+ duration: theme.transitions.duration.leavingScreen,
2573
+ }),
2574
2574
  width: theme.spacing(8),
2575
+ [theme.breakpoints.up("sm")]: {
2576
+ width: theme.spacing(8),
2577
+ },
2575
2578
  },
2576
- },
2577
- toolbarIcon: {
2578
- display: "flex",
2579
- alignItems: "center",
2580
- zIndex: 9999,
2581
- ...theme.mixins.toolbar,
2582
- background: "var(--theme-color2)",
2583
- justifyContent: "center",
2584
- height: "80px",
2585
- // borderBottom: "1px dashed #949597",
2586
- },
2587
- hrCSS: {
2588
- zIndex: 9999,
2589
- },
2590
- buttonLink: {
2591
- backgroundColor: "transparent",
2592
- border: "none",
2593
- cursor: "pointer",
2594
- textDecoration: "underline",
2595
- display: "inline",
2596
- margin: 0,
2597
- padding: 0,
2598
- "&:focus": {
2599
- textDecoration: "none",
2579
+ toolbarIcon: {
2580
+ display: "flex",
2581
+ alignItems: "center",
2582
+ zIndex: 9999,
2583
+ ...theme.mixins.toolbar,
2584
+ background: "var(--theme-color2)",
2585
+ justifyContent: "center",
2586
+ height: "80px",
2587
+ // borderBottom: "1px dashed #949597",
2600
2588
  },
2601
- "$:hover": {
2602
- textDecoration: "none",
2589
+ hrCSS: {
2590
+ zIndex: 9999,
2603
2591
  },
2604
- },
2605
- }));
2592
+ buttonLink: {
2593
+ backgroundColor: "transparent",
2594
+ border: "none",
2595
+ cursor: "pointer",
2596
+ textDecoration: "underline",
2597
+ display: "inline",
2598
+ margin: 0,
2599
+ padding: 0,
2600
+ "&:focus": {
2601
+ textDecoration: "none",
2602
+ },
2603
+ "$:hover": {
2604
+ textDecoration: "none",
2605
+ },
2606
+ },
2607
+ };
2608
+ });
2606
2609
  /*
2607
2610
 
2608
2611
  */