UI updated

suyeshs · Oct 10, 2023 · c8166b1 · c8166b1 · vercel · Oct 10, 2023
1 parent dce7320
commit c8166b1
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 20 deletions.
diff --git a/src/pages/nse-options/index.tsx b/src/pages/nse-options/index.tsx
@@ -537,7 +537,7 @@ const NseFlatDataOptions = observer(
                 })()}
               </div>
               <div
-                className={`${styles.eCard} radio-inline`}
+                className={`${styles.eCardToggleLot} radio-inline`}
                 id="lot_size_radio"
               >
                 <input
@@ -559,15 +559,15 @@ const NseFlatDataOptions = observer(
                 <label htmlFor="dividedOI">BY LOT</label>
               </div>
 
-              <div className={styles.eCard} id="lot_size">
+              <div className={styles.eCardLot} id="lot_size">
                 {(() => {
                   const lot_size = store?.nseFetchStore?.lot_size; // Accessing lotSize from the store
 
                   return (
                     <div>
                       {/* Display lotSize if it's available */}
                       {lot_size !== null && lot_size !== undefined ? (
-                        <p>Lot Size: {lot_size}</p>
+                        <p>Lot: {lot_size}</p>
                       ) : (
                         <p>Lot Size is not available</p>
                       )}
@@ -638,23 +638,7 @@ const NseFlatDataOptions = observer(
                   />
                 )}
               </div>
-              <div>
-                <MultiSelectComponent
-                  placeholder="Select Expiry Dates"
-                  dataSource={expiryDateStore?.expiryDates || []}
-                  mode="Box"
-                  change={(e) => {
-                    const selectedDates = e.value as string[];
-                    if (selectedDates.length > 2) {
-                      alert(
-                        "You can only select a maximum of two expiry dates."
-                      );
-                      return;
-                    }
-                    setSelectedExpiryDates(selectedDates);
-                  }}
-                />
-              </div>
+
             </div>
 
             <div>

diff --git a/src/pages/nse-options/syncoptions.module.css b/src/pages/nse-options/syncoptions.module.css
@@ -194,3 +194,34 @@ align-content: center;
   color: #666;
   text-align: right;
 }
+
+/* styles.module.css */
+.maxContentWidth {
+  max-width: 30px; /* Adjust the maximum width as needed */
+  /* You can also add other styles if necessary */
+}
+
+
+.eCardLot {
+  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
+  transition: 0.3s;
+  border-radius: 5px; 
+  background-color: #c0ced6;
+  padding: 10px;
+  margin: 10px;
+  width: 70px;
+
+}
+
+.eCardToggleLot{
+  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
+  transition: 0.3s;
+  border-radius: 5px; 
+  background-color: #c0ced6;
+  padding: 10px;
+  margin: 10px;
+  width: 150px;
+
+}
+
+