From e13e630cd6e4fc0b1ff92098a28a770794c7bb9a Mon Sep 17 00:00:00 2001
From: gabrhr <73925454+gabrhr@users.noreply.github.com>
Date: Wed, 20 Apr 2022 10:19:29 -0500
Subject: =?UTF-8?q?A=C3=B1adir=20plantilla?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Base para front
---
 .../app/components/Calendar/calendar-jss.js        | 118 +++++++++++++++++++++
 1 file changed, 118 insertions(+)
 create mode 100644 front/odiparpack/app/components/Calendar/calendar-jss.js

(limited to 'front/odiparpack/app/components/Calendar/calendar-jss.js')

diff --git a/front/odiparpack/app/components/Calendar/calendar-jss.js b/front/odiparpack/app/components/Calendar/calendar-jss.js
new file mode 100644
index 0000000..36ed0a4
--- /dev/null
+++ b/front/odiparpack/app/components/Calendar/calendar-jss.js
@@ -0,0 +1,118 @@
+import {
+  pink as red,
+  lightGreen as green,
+  lightBlue as blue,
+  deepPurple as violet,
+  orange,
+} from '@material-ui/core/colors';
+
+const styles = theme => ({
+  root: {
+    padding: 20,
+    [theme.breakpoints.down('sm')]: {
+      padding: '20px 8px'
+    },
+  },
+  calendarWrap: {
+    minHeight: 600
+  },
+  addBtn: {
+    position: 'fixed',
+    bottom: 30,
+    right: 30,
+    zIndex: 100
+  },
+  typography: {
+    margin: theme.spacing(2),
+  },
+  divider: {
+    margin: '5px 0',
+    textAlign: 'center'
+  },
+  button: {
+    margin: theme.spacing(1),
+  },
+  eventName: {
+    padding: '50px 20px 10px 30px',
+    minWidth: 400,
+    color: 'rgba(0, 0, 0, 0.7)',
+    '& svg': {
+      top: -2,
+      position: 'relative'
+    }
+  },
+  time: {
+    padding: 20
+  },
+  moreOpt: {
+    position: 'absolute',
+    top: 10,
+    right: 10
+  },
+  field: {
+    width: '100%',
+    marginBottom: 20
+  },
+  fieldBasic: {
+    width: '100%',
+    marginBottom: 20,
+    marginTop: 10
+  },
+  inlineWrap: {
+    display: 'flex',
+    flexDirection: 'row'
+  },
+  redRadio: {
+    color: red[600],
+    '& svg': {
+      borderRadius: '50%',
+      background: red[100],
+    },
+    '&$checked': {
+      color: red[500],
+    },
+  },
+  greenRadio: {
+    color: green[600],
+    '& svg': {
+      borderRadius: '50%',
+      background: green[100],
+    },
+    '&$checked': {
+      color: green[500],
+    },
+  },
+  blueRadio: {
+    color: blue[600],
+    '& svg': {
+      borderRadius: '50%',
+      background: blue[100],
+    },
+    '&$checked': {
+      color: blue[500],
+    },
+  },
+  violetRadio: {
+    color: violet[600],
+    '& svg': {
+      borderRadius: '50%',
+      background: violet[100],
+    },
+    '&$checked': {
+      color: violet[500],
+    },
+  },
+  orangeRadio: {
+    color: orange[600],
+    '& svg': {
+      borderRadius: '50%',
+      background: orange[100],
+    },
+    '&$checked': {
+      color: orange[500],
+    },
+  },
+  checked: {},
+});
+
+export default styles;
-- 
cgit v1.2.3