update

smartcontractkit · Dec 8, 2024 · b3bf9e2 · b3bf9e2
1 parent 1a6b8d5
commit b3bf9e2
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 37 deletions.
diff --git a/src/components/CCIP/TutorialBlockchainSelector/DeployTokenStep.module.css b/src/components/CCIP/TutorialBlockchainSelector/DeployTokenStep.module.css
@@ -11,20 +11,3 @@
 .parametersIntro {
   margin-bottom: var(--space-3x);
 }
-
-.parameterHelp {
-  margin-top: var(--space-4x);
-  padding-top: var(--space-3x);
-  border-top: 1px solid var(--color-border);
-}
-
-.helpItem {
-  display: flex;
-  gap: var(--space-2x);
-  margin-bottom: var(--space-2x);
-}
-
-.helpLabel {
-  font-weight: 600;
-  color: var(--color-text-primary);
-}
diff --git a/src/components/CCIP/TutorialBlockchainSelector/DeployTokenStep.tsx b/src/components/CCIP/TutorialBlockchainSelector/DeployTokenStep.tsx
@@ -68,21 +68,6 @@ export const DeployTokenStep = ({ chain }: DeployTokenStepProps) => {
               example="0"
             />
           </div>
-
-          <div className={styles.parameterHelp}>
-            <div className={styles.helpItem}>
-              <span className={styles.helpLabel}>Parameter Name:</span>
-              <span>The exact name you'll type in Remix</span>
-            </div>
-            <div className={styles.helpItem}>
-              <span className={styles.helpLabel}>Type:</span>
-              <span>The Solidity data type required</span>
-            </div>
-            <div className={styles.helpItem}>
-              <span className={styles.helpLabel}>Example:</span>
-              <span>Click to copy a valid value</span>
-            </div>
-          </div>
         </TutorialStep>
 
         <TutorialStep title="Deploy Contract">

diff --git a/src/components/CCIP/TutorialSetup/SolidityParam.module.css b/src/components/CCIP/TutorialSetup/SolidityParam.module.css
@@ -22,16 +22,13 @@
 }
 
 .name {
-  font-family: var(--font-mono);
-  background: var(--color-background);
+  font-size: var(--font-size-sm);
   padding: var(--space-1x) var(--space-2x);
   border-radius: 4px;
   grid-area: name;
 }
 
 .type {
-  font-family: var(--font-mono);
-  color: var(--color-text-secondary);
   font-size: var(--font-size-sm);
   grid-area: type;
 
@@ -42,6 +39,7 @@
 }
 
 .info {
+  font-size: var(--font-size-sm);
   grid-area: info;
   display: flex;
   flex-direction: column;
@@ -51,6 +49,7 @@
 /* Parent container adjustments */
 .parameters {
   padding: var(--space-2x);
+  font-size: var(--font-size-sm);
 
   @media (min-width: 768px) {
     padding: var(--space-3x);
@@ -73,7 +72,6 @@
 
 /* Ensure text remains readable */
 .description {
-  color: var(--color-text);
   line-height: var(--line-height-base);
   font-size: var(--font-size-sm);