Revert "Feat/parent child retrieval" (#12095)

web/app/components/datasets/create/step-two/index.module.css

@@ -13,6 +13,18 @@
   z-index: 10;
 }
 
+.form {
+  @apply px-16 pb-8;
+}
+
+.form .label {
+  @apply pt-6 pb-2 flex items-center;
+  font-weight: 500;
+  font-size: 16px;
+  line-height: 24px;
+  color: #344054;
+}
+
 .segmentationItem {
   min-height: 68px;
 }
@@ -63,10 +75,6 @@
   cursor: pointer;
 }
 
-.disabled {
-  cursor: not-allowed !important;
-}
-
 .indexItem.disabled:hover {
   background-color: #fcfcfd;
   border-color: #f2f4f7;
@@ -79,7 +87,8 @@
 }
 
 .radioItem {
-  @apply relative mb-2 rounded-xl border border-components-option-card-option-border cursor-pointer bg-components-option-card-option-bg;
+  @apply relative mb-2 rounded-xl border border-gray-100 cursor-pointer;
+  background-color: #fcfcfd;
 }
 
 .radioItem.segmentationItem.custom {
@@ -137,7 +146,7 @@
 }
 
 .typeIcon.economical {
-  background-image: url(../assets/piggy-bank-mod.svg);
+  background-image: url(../assets/piggy-bank-01.svg);
 }
 
 .radioItem .radio {
@@ -238,7 +247,7 @@
 }
 
 .ruleItem {
-  @apply flex items-center py-1.5;
+  @apply flex items-center;
 }
 
 .formFooter {
@@ -385,6 +394,19 @@
   max-width: 524px;
 }
 
+.previewHeader {
+  position: sticky;
+  top: 0;
+  left: 0;
+  padding-top: 42px;
+  background-color: #fff;
+  font-weight: 600;
+  font-size: 18px;
+  line-height: 28px;
+  color: #101828;
+  z-index: 10;
+}
+
 /* 
  * `fixed` must under `previewHeader` because of style override would not work
  */
@@ -410,4 +432,4 @@
     font-size: 12px;
     line-height: 18px;
   }
-}
+}