diff --git a/package-lock.json b/package-lock.json index 56f5e25..29b03a1 100644 --- a/package-lock.json +++ b/package-lock.json @@ -15,6 +15,7 @@ "@tailwindcss/forms": "0.2.1", "axios": "^1.1.3", "chart.js": "2.9.4", + "papaparse": "^5.3.2", "sirv-cli": "1.0.11", "svelte-routing": "1.5.0", "tailwindcss": "^2.2.19" @@ -1396,6 +1397,11 @@ "integrity": "sha512-k41FwbcLnlgnFh69f4qdUfvDQ+5vaSDnVPFI/y5XuhKRq97EnVVneO9F1ESVCdiVu4fCS2L8usX3mU331hB7pg==", "dev": true }, + "node_modules/papaparse": { + "version": "5.3.2", + "resolved": "https://registry.npmjs.org/papaparse/-/papaparse-5.3.2.tgz", + "integrity": "sha512-6dNZu0Ki+gyV0eBsFKJhYr+MdQYAzFUGlBMNj3GNrmHxmz1lfRa24CjFObPXtjcetlOv5Ad299MhIK0znp3afw==" + }, "node_modules/parent-module": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz", @@ -3277,6 +3283,11 @@ "integrity": "sha512-k41FwbcLnlgnFh69f4qdUfvDQ+5vaSDnVPFI/y5XuhKRq97EnVVneO9F1ESVCdiVu4fCS2L8usX3mU331hB7pg==", "dev": true }, + "papaparse": { + "version": "5.3.2", + "resolved": "https://registry.npmjs.org/papaparse/-/papaparse-5.3.2.tgz", + "integrity": "sha512-6dNZu0Ki+gyV0eBsFKJhYr+MdQYAzFUGlBMNj3GNrmHxmz1lfRa24CjFObPXtjcetlOv5Ad299MhIK0znp3afw==" + }, "parent-module": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz", diff --git a/package.json b/package.json index df43a15..9923262 100644 --- a/package.json +++ b/package.json @@ -31,6 +31,7 @@ "@tailwindcss/forms": "0.2.1", "axios": "^1.1.3", "chart.js": "2.9.4", + "papaparse": "^5.3.2", "sirv-cli": "1.0.11", "svelte-routing": "1.5.0", "tailwindcss": "^2.2.19" diff --git a/public/assets/styles/tailwind.css b/public/assets/styles/tailwind.css index 6b0064b..fb32998 100644 --- a/public/assets/styles/tailwind.css +++ b/public/assets/styles/tailwind.css @@ -1375,6 +1375,10 @@ select { clear: none; } +.m-1 { + margin: 0.25rem; +} + .m-2 { margin: 0.5rem; } @@ -2235,6 +2239,12 @@ select { gap: 1.5rem; } +.space-x-0 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(0px * var(--tw-space-x-reverse)); + margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))); +} + .space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); @@ -2609,6 +2619,21 @@ select { border-style: none; } +.border-teal-300 { + --tw-border-opacity: 1; + border-color: rgba(94, 234, 212, var(--tw-border-opacity)); +} + +.border-amber-500 { + --tw-border-opacity: 1; + border-color: rgba(245, 158, 11, var(--tw-border-opacity)); +} + +.border-amber-600 { + --tw-border-opacity: 1; + border-color: rgba(217, 119, 6, var(--tw-border-opacity)); +} + .border-red-600 { --tw-border-opacity: 1; border-color: rgba(220, 38, 38, var(--tw-border-opacity)); @@ -2654,6 +2679,11 @@ select { border-color: rgba(71, 85, 105, var(--tw-border-opacity)); } +.hover\:border-teal-500:hover { + --tw-border-opacity: 1; + border-color: rgba(20, 184, 166, var(--tw-border-opacity)); +} + .focus\:border-black:focus { --tw-border-opacity: 1; border-color: rgba(0, 0, 0, var(--tw-border-opacity)); @@ -2769,6 +2799,16 @@ select { background-color: rgba(245, 158, 11, var(--tw-bg-opacity)); } +.bg-amber-600 { + --tw-bg-opacity: 1; + background-color: rgba(217, 119, 6, var(--tw-bg-opacity)); +} + +.bg-amber-700 { + --tw-bg-opacity: 1; + background-color: rgba(180, 83, 9, var(--tw-bg-opacity)); +} + .bg-orange-200 { --tw-bg-opacity: 1; background-color: rgba(254, 215, 170, var(--tw-bg-opacity)); @@ -2864,11 +2904,21 @@ select { background-color: rgba(30, 41, 59, var(--tw-bg-opacity)); } +.hover\:bg-teal-500:hover { + --tw-bg-opacity: 1; + background-color: rgba(20, 184, 166, var(--tw-bg-opacity)); +} + .focus\:bg-white:focus { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); } +.focus\:bg-teal-400:focus { + --tw-bg-opacity: 1; + background-color: rgba(45, 212, 191, var(--tw-bg-opacity)); +} + .focus\:bg-gray-200:focus { --tw-bg-opacity: 1; background-color: rgba(228, 228, 231, var(--tw-bg-opacity)); @@ -3079,6 +3129,11 @@ select { padding-right: 0.375rem; } +.py-0 { + padding-top: 0px; + padding-bottom: 0px; +} + .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; @@ -3337,6 +3392,11 @@ select { line-height: 1; } +.focus\:text-base:focus { + font-size: 1rem; + line-height: 1.5rem; +} + .font-light { font-weight: 300; } @@ -3345,6 +3405,10 @@ select { font-weight: 400; } +.font-medium { + font-weight: 500; +} + .font-semibold { font-weight: 600; } @@ -3591,6 +3655,11 @@ select { color: rgba(30, 41, 59, var(--tw-text-opacity)); } +.hover\:text-white:hover { + --tw-text-opacity: 1; + color: rgba(255, 255, 255, var(--tw-text-opacity)); +} + .hover\:text-red-600:hover { --tw-text-opacity: 1; color: rgba(220, 38, 38, var(--tw-text-opacity)); @@ -3616,6 +3685,11 @@ select { color: rgba(30, 41, 59, var(--tw-text-opacity)); } +.focus\:text-white:focus { + --tw-text-opacity: 1; + color: rgba(255, 255, 255, var(--tw-text-opacity)); +} + .underline { text-decoration: underline; } diff --git a/src/components/Cards/CardCreateWGUser.svelte b/src/components/Cards/CardCreateWGUser.svelte index 23d2a76..cb5a3d0 100644 --- a/src/components/Cards/CardCreateWGUser.svelte +++ b/src/components/Cards/CardCreateWGUser.svelte @@ -1,10 +1,94 @@ + +