Skip to content

Commit

Permalink
refactor(create-forms): 🎉 update create forms
Browse files Browse the repository at this point in the history
  • Loading branch information
@gokhangunduz
gokhangunduz committed Nov 2, 2023
1 parent 38cb986 commit ffaff13
Show file tree
Hide file tree
Showing 16 changed files with 279 additions and 279 deletions.
185 changes: 42 additions & 143 deletions public/css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1044,10 +1044,6 @@ video {
height: 6rem;
}

.h-28 {
height: 7rem;
}

.h-3 {
height: 0.75rem;
}
Expand Down Expand Up @@ -1116,12 +1112,12 @@ video {
height: 42rem;
}

.h-\[4px\] {
height: 4px;
.h-\[43\.8rem\] {
height: 43.8rem;
}

.h-\[55rem\] {
height: 55rem;
.h-\[4px\] {
height: 4px;
}

.h-\[8px\] {
Expand All @@ -1142,34 +1138,6 @@ video {
height: 100vh;
}

.h-\[53rem\] {
height: 53rem;
}

.h-\[50rem\] {
height: 50rem;
}

.h-\[42\.8rem\] {
height: 42.8rem;
}

.h-\[42\.6rem\] {
height: 42.6rem;
}

.h-\[43rem\] {
height: 43rem;
}

.h-\[43\.4rem\] {
height: 43.4rem;
}

.h-\[43\.8rem\] {
height: 43.8rem;
}

.max-h-\[40rem\] {
max-height: 40rem;
}
Expand Down Expand Up @@ -1280,6 +1248,10 @@ video {
width: 0.75rem;
}

.w-3\/4 {
width: 75%;
}

.w-32 {
width: 8rem;
}
Expand Down Expand Up @@ -1379,10 +1351,6 @@ video {
width: max-content;
}

.w-3\/4 {
width: 75%;
}

.min-w-\[12rem\] {
min-width: 12rem;
}
Expand Down Expand Up @@ -1491,6 +1459,13 @@ video {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[1\.8\] {
--tw-scale-x: 1.8;
--tw-scale-y: 1.8;
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[2\.25\] {
--tw-scale-x: 2.25;
--tw-scale-y: 2.25;
Expand All @@ -1505,41 +1480,6 @@ video {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-105 {
--tw-scale-x: 1.05;
--tw-scale-y: 1.05;
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[2\.0\] {
--tw-scale-x: 2.0;
--tw-scale-y: 2.0;
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[1\.5\] {
--tw-scale-x: 1.5;
--tw-scale-y: 1.5;
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[1\.75\] {
--tw-scale-x: 1.75;
--tw-scale-y: 1.75;
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[1\.8\] {
--tw-scale-x: 1.8;
--tw-scale-y: 1.8;
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
Expand Down Expand Up @@ -1639,22 +1579,18 @@ video {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}

.grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}

.\!flex-col {
flex-direction: column !important;
}
Expand Down Expand Up @@ -1755,14 +1691,6 @@ video {
gap: 2.25rem;
}

.gap-0 {
gap: 0px;
}

.gap-0\.5 {
gap: 0.125rem;
}

.overflow-auto {
overflow: auto;
}
Expand Down Expand Up @@ -1935,14 +1863,14 @@ video {
border-color: #dddddd35;
}

.border-gray-300 {
.border-green-500 {
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity));
border-color: rgb(34 197 94 / var(--tw-border-opacity));
}

.border-green-500 {
.border-layer-dark-400 {
--tw-border-opacity: 1;
border-color: rgb(34 197 94 / var(--tw-border-opacity));
border-color: rgb(102 102 102 / var(--tw-border-opacity));
}

.border-layer-dark-600 {
Expand Down Expand Up @@ -2015,36 +1943,11 @@ video {
border-color: rgb(12 160 235 / var(--tw-border-opacity));
}

.border-primary {
--tw-border-opacity: 1;
border-color: rgb(172 45 254 / var(--tw-border-opacity));
}

.border-yellow-500 {
--tw-border-opacity: 1;
border-color: rgb(234 179 8 / var(--tw-border-opacity));
}

.border-layer-dark-700 {
--tw-border-opacity: 1;
border-color: rgb(41 41 41 / var(--tw-border-opacity));
}

.border-layer-dark-400 {
--tw-border-opacity: 1;
border-color: rgb(102 102 102 / var(--tw-border-opacity));
}

.border-layer-dark-200 {
--tw-border-opacity: 1;
border-color: rgb(143 143 143 / var(--tw-border-opacity));
}

.border-layer-dark-100 {
--tw-border-opacity: 1;
border-color: rgb(163 163 163 / var(--tw-border-opacity));
}

.\!bg-layer-light-50 {
--tw-bg-opacity: 1 !important;
background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
Expand Down Expand Up @@ -2231,6 +2134,14 @@ video {
padding: 0px !important;
}

.\!p-1 {
padding: 0.25rem !important;
}

.\!p-1\.5 {
padding: 0.375rem !important;
}

.\!p-10 {
padding: 2.5rem !important;
}
Expand Down Expand Up @@ -2287,14 +2198,6 @@ video {
padding: 2rem;
}

.\!p-1 {
padding: 0.25rem !important;
}

.\!p-1\.5 {
padding: 0.375rem !important;
}

.\!px-0 {
padding-left: 0px !important;
padding-right: 0px !important;
Expand Down Expand Up @@ -2428,10 +2331,6 @@ video {
padding-bottom: 1.5rem;
}

.pb-7 {
padding-bottom: 1.75rem;
}

.pb-8 {
padding-bottom: 2rem;
}
Expand Down Expand Up @@ -2464,6 +2363,10 @@ video {
padding-top: 0.5rem;
}

.pt-2\.5 {
padding-top: 0.625rem;
}

.pt-3 {
padding-top: 0.75rem;
}
Expand Down Expand Up @@ -2581,10 +2484,6 @@ video {
font-weight: 600;
}

.font-extralight {
font-weight: 200;
}

.uppercase {
text-transform: uppercase;
}
Expand Down Expand Up @@ -3390,6 +3289,13 @@ td {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-\[0\.98\]:hover {
--tw-scale-x: 0.98;
--tw-scale-y: 0.98;
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-\[0\.99\]:hover {
--tw-scale-x: 0.99;
--tw-scale-y: 0.99;
Expand All @@ -3404,13 +3310,6 @@ td {
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-\[0\.98\]:hover {
--tw-scale-x: 0.98;
--tw-scale-y: 0.98;
-webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:cursor-not-allowed:hover {
cursor: not-allowed;
}
Expand Down
16 changes: 8 additions & 8 deletions src/components/CFAdvancedSettings/CFAdvancedSettings.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
import CFPortSetter from "../CFPortSetter/CFPortSetter";
import CFPersistDirTags from "../CFPersistDirTags/CFPersistDirTags";
import CreateRobotFormGrantedDirectoriesInputTag from "../CreateRobotFormGrantedDirectoriesInputTag/CreateRobotFormGrantedDirectoriesInputTag";
import PortSetter from "../CreateRobotFormPortSetter/CreateRobotFormPortSetter";
import { IRobotStep1 } from "../../interfaces/robotInterfaces";
import CFGrantDirTags from "../CFGrantDirTags/CFGrantDirTags";
import Accordion from "../Accordion/AccordionV2";
import { ReactElement, useState } from "react";
import { FormikProps } from "formik/dist/types";
import { IRobotStep1 } from "../../interfaces/robotInterfaces";
import { ReactElement, useState } from "react";
import CFSection from "../CFSection/CFSection";
import Seperator from "../Seperator/Seperator";

Expand Down Expand Up @@ -33,22 +33,22 @@ export default function CFAdvancedSettings({
>
<div className="flex flex-col gap-5 px-4 pb-6 pt-2">
<CFSection gap={4}>
<CFPersistDirTags />
<CFPersistDirTags formik={formik} disabled={disabled} />
<Seperator />
</CFSection>

<CFSection gap={4}>
<CreateRobotFormGrantedDirectoriesInputTag />
<CFGrantDirTags formik={formik} disabled={disabled} />
<Seperator />
</CFSection>

<CFSection gap={4}>
<PortSetter formik={formik} isImportRobot={disabled} type="ide" />
<CFPortSetter formik={formik} isImportRobot={disabled} type="ide" />
<Seperator />
</CFSection>

<CFSection>
<PortSetter formik={formik} isImportRobot={disabled} type="vdi" />
<CFPortSetter formik={formik} isImportRobot={disabled} type="vdi" />
</CFSection>
</div>
</Accordion>
Expand Down
Loading

0 comments on commit ffaff13

Please sign in to comment.