chore: move integrations select inline style to a common class

SigNoz · Jan 30, 2025 · cf45010 · cf45010
1 parent 511a980
commit cf45010
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 8 deletions.
diff --git a/frontend/src/container/CloudIntegrationPage/HeroSection/HeroSection.style.scss b/frontend/src/container/CloudIntegrationPage/HeroSection/HeroSection.style.scss
@@ -67,3 +67,6 @@
 		}
 	}
 }
+.integrations-select {
+	height: 44px;
+}
diff --git a/frontend/src/container/CloudIntegrationPage/HeroSection/components/AccountSettingsModal.tsx b/frontend/src/container/CloudIntegrationPage/HeroSection/components/AccountSettingsModal.tsx
@@ -69,10 +69,9 @@ function AccountSettingsModal({
 					</button>
 				</div>
 				<Select
-					style={{ height: '44px' }}
 					suffixIcon={null}
 					placeholder="Select Region(s)"
-					className="cloud-account-setup-form__select account-settings-modal__body-regions-select"
+					className="cloud-account-setup-form__select account-settings-modal__body-regions-select integrations-select"
 					onClick={(): void => setIsRegionSelectOpen(true)}
 					mode="multiple"
 					maxTagCount={3}

diff --git a/...c/container/CloudIntegrationPage/HeroSection/components/CloudAccountSetupModal.style.scss b/...c/container/CloudIntegrationPage/HeroSection/components/CloudAccountSetupModal.style.scss
@@ -80,9 +80,6 @@
 			letter-spacing: -0.06px;
 		}
 		&__select {
-			&.monitor-regions {
-				height: 44px;
-			}
 			.ant-select-selection-item {
 				color: var(--bg-vanilla-100);
 				font-size: 14px;

diff --git a/...nd/src/container/CloudIntegrationPage/HeroSection/components/IntegrateNowFormSections.tsx b/...nd/src/container/CloudIntegrationPage/HeroSection/components/IntegrateNowFormSections.tsx
@@ -31,8 +31,7 @@ function RegionDeploymentSection({
 				<Select
 					placeholder="e.g. US East (N. Virginia)"
 					suffixIcon={<ChevronDown size={16} color={Color.BG_VANILLA_400} />}
-					style={{ height: '44px' }}
-					className="cloud-account-setup-form__select"
+					className="cloud-account-setup-form__select integrations-select"
 					onChange={handleRegionChange}
 					value={selectedDeploymentRegion}
 					disabled={isFormDisabled}
@@ -111,7 +110,7 @@ function MonitoringRegionsSection({
 				<Select
 					suffixIcon={null}
 					placeholder="Select Region(s)"
-					className="cloud-account-setup-form__select monitor-regions"
+					className="cloud-account-setup-form__select integrations-select"
 					onClick={!isFormDisabled ? onRegionSelect : undefined}
 					mode="multiple"
 					maxTagCount={3}
-Original file line number
+Diff line change
@@ Expand Up / @@ -67,3 +67,6 @@ @@
     		}
     	}
     }
+    .integrations-select {
+    	height: 44px;
+    }