kitchen-simulator 5.0.0-test.17 → 5.0.0-test.19

package/src/components/tutorial-view/style.css

@@ -0,0 +1,111 @@
+/* .MuiDialog-root {
+
+  }
+
+
+.MuiDialogTitle-root {
+    background-color:#41403F  !important;
+}
+
+.MuiDialog-root {
+    z-index: -1 !important;
+}
+
+.MuiDialogContent-root {
+
+    background-color: #41403F  !important;
+    border-top-right-radius: 4px;
+    border-top-left-radius: 4px;
+}
+
+.MuiDialogActions-root {
+    border-bottom-right-radius: 4px;
+    border-bottom-left-radius: 4px;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    color: rgba(255, 255, 255, 0.85);
+}
+.MuiButton-textPrimary {
+    color: white !important;
+}
+.MuiDialog-paperWidthSm {
+    max-width: 550px !important;
+  
+    
+}
+.MuiDialog-paper {
+    opacity: 0.84;
+    overflow-y: unset !important;
+} */
+
+.never-show-check {
+  color: white;
+}
+
+.never-show-check > .MuiTypography-body1 {
+  font-size: 0.7rem;
+}
+
+.never-show-check .MuiSvgIcon-root {
+  width: 0.7em;
+  height: 0.7em;
+}
+
+.never-show-check .MuiCheckbox-colorPrimary.Mui-checked {
+  color: white;
+}
+
+.t_modal {
+  z-index: 0 !important;
+}
+.MuiDialogTitle-root {
+  background-color: #41403f !important;
+}
+
+.MuiDialogContent-root {
+  background-color: #41403f !important;
+  margin: 0;
+  color: rgba(0, 0, 0, 0.65);
+  font-size: 14px;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+    'Helvetica Neue', Arial, 'Noto Sans', Open Sans, 'Apple Color Emoji',
+    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+  font-variant: tabular-nums;
+  line-height: 1.5715;
+  background-color: #fff;
+  -webkit-font-feature-settings: 'tnum';
+  font-feature-settings: 'tnum';
+}
+
+.MuiDialog-root {
+  z-index: 998 !important;
+}
+
+.MuiDialog-root p {
+  margin-top: 0;
+  margin-bottom: 1em;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  /* margin-top: 0; */
+  /* margin-bottom: 0.5em; */
+  color: rgba(255, 255, 255, 0.85);
+  /* font-weight: 500; */
+}
+.MuiButton-textPrimary {
+  color: white !important;
+}
+.MuiDialog-paperWidthSm {
+  max-width: 550px !important;
+  height: 380px !important;
+}
+.MuiDialog-paper {
+  opacity: 0.84;
+  overflow-y: unset !important;
+}

package/src/components/tutorial-view/styles.js

@@ -0,0 +1,65 @@
+import styled from 'styled-components';
+import Dialog from '@material-ui/core/Dialog';
+
+export const TutorialDialog = styled(Dialog)`
+  z-index: 998 !important;
+  .never-show-check {
+    color: white;
+  }
+  .never-show-check > .MuiTypography-body1 {
+    font-size: 0.7rem;
+  }
+  .never-show-check .MuiSvgIcon-root {
+    width: 0.7em;
+    height: 0.7em;
+  }
+  .never-show-check .MuiCheckbox-colorPrimary.Mui-checked {
+    color: white;
+  }
+  .t_modal {
+    z-index: 0 !important;
+  }
+  .MuiDialogTitle-root {
+    background-color: #41403f !important;
+  }
+  .MuiDialogContent-root {
+    background-color: #41403f !important;
+    margin: 0;
+    color: rgba(0, 0, 0, 0.65);
+    font-size: 14px;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+      'Helvetica Neue', Arial, 'Noto Sans', Open Sans, 'Apple Color Emoji',
+      'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+    font-variant: tabular-nums;
+    line-height: 1.5715;
+    background-color: #fff;
+    -webkit-font-feature-settings: 'tnum';
+    font-feature-settings: 'tnum';
+  }
+  .MuiDialog-root p {
+    margin-top: 0;
+    margin-bottom: 1em;
+  }
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    /* margin-top: 0; */
+    /* margin-bottom: 0.5em; */
+    color: rgba(255, 255, 255, 0.85);
+    /* font-weight: 500; */
+  }
+  .MuiButton-textPrimary {
+    color: white !important;
+  }
+  .MuiDialog-paperWidthSm {
+    max-width: 550px !important;
+    height: 380px !important;
+  }
+  .MuiDialog-paper {
+    opacity: 0.84;
+    overflow-y: unset !important;
+  }
+`;