diff --git a/src/Components/Pages/Visualizer/Graphs/MVT/Components/Form.js b/src/Components/Pages/Visualizer/Graphs/MVT/Components/Form.js index 6d42d70..e90f8d9 100644 --- a/src/Components/Pages/Visualizer/Graphs/MVT/Components/Form.js +++ b/src/Components/Pages/Visualizer/Graphs/MVT/Components/Form.js @@ -39,8 +39,8 @@ const Form = () => { }; return ( -
-
+
+
{ />
-
+
{ />
-
+
{ />
-
+
{ return ( -
+
-
+
{MVT_GRAPH_LABELS.length > 0 && MVT_GRAPH_LABELS.map((title, index) => (
-
+
{MVT_GRAPH_LABELS.length > 0 && MVT_GRAPH_LABELS.map((title, index) => ( <> {
-
- +
+ +
+
+ +
); diff --git a/src/Styles/App.css b/src/Styles/App.css index 7b8b002..abcd263 100644 --- a/src/Styles/App.css +++ b/src/Styles/App.css @@ -575,6 +575,10 @@ video { margin-left: auto; margin-right: auto; } +.my-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} .my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; @@ -841,9 +845,6 @@ video { .w-screen { width: 100vw; } -.min-w-full { - min-width: 100%; -} .max-w-200p { max-width: 200px; } @@ -1126,6 +1127,10 @@ video { --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity)); } +.border-gray-300 { + --tw-border-opacity: 1; + border-color: rgb(209 213 219 / var(--tw-border-opacity)); +} .border-gray-400 { --tw-border-opacity: 1; border-color: rgb(156 163 175 / var(--tw-border-opacity)); @@ -1162,6 +1167,10 @@ video { --tw-bg-opacity: 1; background-color: rgb(156 163 175 / var(--tw-bg-opacity)); } +.bg-gray-50 { + --tw-bg-opacity: 1; + background-color: rgb(249 250 251 / var(--tw-bg-opacity)); +} .bg-gray-900 { --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity)); @@ -1839,6 +1848,11 @@ code { z-index: 10; } +.focus\:border-blue-500:focus { + --tw-border-opacity: 1; + border-color: rgb(15 23 42 / var(--tw-border-opacity)); +} + .focus\:text-blue-700:focus { --tw-text-opacity: 1; color: rgb(10 15 28 / var(--tw-text-opacity)); @@ -1855,6 +1869,11 @@ code { box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } +.focus\:ring-blue-500:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(15 23 42 / var(--tw-ring-opacity)); +} + .focus\:ring-blue-700:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(10 15 28 / var(--tw-ring-opacity)); @@ -2020,6 +2039,11 @@ code { color: rgb(255 255 255 / var(--tw-text-opacity)); } +:is([data-theme="dark"] .dark\:placeholder-gray-400)::placeholder { + --tw-placeholder-opacity: 1; + color: rgb(156 163 175 / var(--tw-placeholder-opacity)); +} + :is([data-theme="dark"] .dark\:opacity-20) { opacity: 0.2; } @@ -2103,6 +2127,16 @@ code { border-color: rgb(185 28 28 / var(--tw-border-opacity)); } +:is([data-theme="dark"] .dark\:focus\:border-blue-500:focus) { + --tw-border-opacity: 1; + border-color: rgb(15 23 42 / var(--tw-border-opacity)); +} + +:is([data-theme="dark"] .dark\:focus\:ring-blue-500:focus) { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(15 23 42 / var(--tw-ring-opacity)); +} + @media (max-width: 640px) { .sm\:mb-0 { diff --git a/tailwind.config.js b/tailwind.config.js index cdff6d8..68f66cc 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -478,6 +478,7 @@ module.exports = { "100p": "100px", "150p": "150px", "200p": "200px", + "320p":"320px", "360p": "360px", "450p": "450px", "550p": "550px",