{"ast":null,"code":"import _objectSpread from\"C:/laragon/www/iot.mksolusi/DriverOPCDA/frontend/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread2\";import _defineProperty from\"C:/laragon/www/iot.mksolusi/DriverOPCDA/frontend/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty\";import{makeStyles}from\"@material-ui/core/styles\";var drawerWidth=240;export default makeStyles(function(theme){return{root:{display:'flex'},drawer:_defineProperty({},theme.breakpoints.up('sm'),{width:drawerWidth,flexShrink:0}),appBar:_defineProperty({},theme.breakpoints.up('sm'),{width:\"calc(100% - \".concat(drawerWidth,\"px)\"),marginLeft:drawerWidth}),appBarToggled:{zIndex:theme.zIndex.drawer+1,marginLeft:drawerWidth,transition:theme.transitions.create(['margin','width'],{easing:theme.transitions.easing.sharp,duration:theme.transitions.duration.enteringScreen})},menuButtonMobile:_defineProperty({marginRight:theme.spacing(2)},theme.breakpoints.up('sm'),{display:'none'}),menuButtonDesktop:_defineProperty({marginRight:theme.spacing(2)},theme.breakpoints.down('sm'),{display:'none'}),hide:{display:'none'},// necessary for content to be below app bar\ntoolbar:_objectSpread({display:'flex',alignItems:'center',justifyContent:'flex-end',padding:theme.spacing(0,1)},theme.mixins.toolbar),drawerPaper:{width:drawerWidth},content:{width:'100%',padding:theme.spacing(3),marginLeft:-drawerWidth,marginTop:80,transition:theme.transitions.create('margin',{easing:theme.transitions.easing.sharp,duration:theme.transitions.duration.leavingScreen})},contentToggle:{width:'100%',padding:theme.spacing(3),marginTop:80,transition:theme.transitions.create('margin',{easing:theme.transitions.easing.easeOut,duration:theme.transitions.duration.enteringScreen}),marginLeft:0},logo:{maxWidth:160},fixedHeight:{height:240},baseLayout:{background:'#e9e9e9',width:'100%',position:'fixed',height:'100%',zIndex:-9999}};});","map":{"version":3,"sources":["C:/laragon/www/iot.mksolusi/DriverOPCDA/frontend/src/config/AppStyles.js"],"names":["makeStyles","drawerWidth","theme","root","display","drawer","breakpoints","up","width","flexShrink","appBar","marginLeft","appBarToggled","zIndex","transition","transitions","create","easing","sharp","duration","enteringScreen","menuButtonMobile","marginRight","spacing","menuButtonDesktop","down","hide","toolbar","alignItems","justifyContent","padding","mixins","drawerPaper","content","marginTop","leavingScreen","contentToggle","easeOut","logo","maxWidth","fixedHeight","height","baseLayout","background","position"],"mappings":"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","sourcesContent":["import { makeStyles } from \"@material-ui/core/styles\";\r\n\r\nconst drawerWidth = 240;\r\nexport default makeStyles((theme) => ({\r\n    root: {\r\n        display: 'flex',\r\n    },\r\n    drawer: {\r\n\r\n        [theme.breakpoints.up('sm')]: {\r\n            width: drawerWidth,\r\n            flexShrink: 0,\r\n        },\r\n    },\r\n    appBar: {\r\n        \r\n        [theme.breakpoints.up('sm')]: {\r\n            width: `calc(100% - ${drawerWidth}px)`,\r\n            marginLeft: drawerWidth,\r\n        },\r\n    },\r\n\r\n    appBarToggled: {\r\n        zIndex: theme.zIndex.drawer + 1,\r\n        marginLeft: drawerWidth,\r\n        transition: theme.transitions.create(['margin', 'width'], {\r\n            easing: theme.transitions.easing.sharp,\r\n            duration: theme.transitions.duration.enteringScreen,\r\n        }),\r\n    },\r\n    menuButtonMobile: {\r\n        marginRight: theme.spacing(2),\r\n        [theme.breakpoints.up('sm')]: {\r\n            display: 'none',\r\n        },\r\n    },\r\n    menuButtonDesktop: {\r\n        marginRight: theme.spacing(2),\r\n        [theme.breakpoints.down('sm')]: {\r\n            display: 'none',\r\n        },\r\n    },\r\n    hide: {\r\n        display: 'none',\r\n    },\r\n    // necessary for content to be below app bar\r\n    toolbar: {\r\n\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        justifyContent: 'flex-end',\r\n        padding: theme.spacing(0, 1),\r\n        // necessary for content to be below app bar\r\n        ...theme.mixins.toolbar,\r\n    },\r\n    drawerPaper: {\r\n        width: drawerWidth,\r\n    },\r\n    content: {\r\n        width: '100%',\r\n        padding: theme.spacing(3),\r\n        marginLeft : -drawerWidth,\r\n        marginTop: 80,\r\n        transition: theme.transitions.create('margin', {\r\n            easing: theme.transitions.easing.sharp,\r\n            duration: theme.transitions.duration.leavingScreen,\r\n        }),\r\n    },\r\n    contentToggle: {\r\n        width:'100%',\r\n        padding: theme.spacing(3),\r\n        marginTop: 80,\r\n        transition: theme.transitions.create('margin', {\r\n            easing: theme.transitions.easing.easeOut,\r\n            duration: theme.transitions.duration.enteringScreen,\r\n        }),\r\n        marginLeft: 0\r\n    },\r\n    logo: {\r\n        maxWidth: 160,\r\n    },\r\n    fixedHeight: {\r\n        height: 240,\r\n    },\r\n    baseLayout :  {\r\n        background: '#e9e9e9',\r\n        width: '100%' ,\r\n        position: 'fixed',\r\n        height: '100%' ,\r\n        zIndex: - 9999,\r\n    },\r\n    \r\n}));"]},"metadata":{},"sourceType":"module"}