fix: resolved ProjectSelectModal styles problem

kubesphere · Nov 3, 2023 · cf43e2d · cf43e2d
1 parent dd46756
commit cf43e2d
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 7 deletions.
diff --git a/src/components/Modals/ProjectSelect/index.jsx b/src/components/Modals/ProjectSelect/index.jsx
@@ -242,12 +242,14 @@ export default class ProjectSelectModal extends React.Component {
         <div className={styles.bar}>
           <Columns className="is-variable is-1">
             <Column className="is-narrow">
-              <RadioGroup
-                mode="button"
-                value={type}
-                options={this.types}
-                onChange={this.handleTypeChange}
-              />
+              <div className={styles.radioGroupWrapper}>
+                <RadioGroup
+                  mode="button"
+                  value={type}
+                  options={this.types}
+                  onChange={this.handleTypeChange}
+                />
+              </div>
             </Column>
             <Column>
               <div className={styles.searchWrapper}>

diff --git a/src/components/Modals/ProjectSelect/index.scss b/src/components/Modals/ProjectSelect/index.scss
@@ -12,6 +12,15 @@
   background-color: $bg-color;
 }
 
+.radioGroupWrapper {
+  :global {
+    .radio-group-button label.radio-button {
+      padding-right: 12px;
+      padding-left: 12px;
+    }
+  }
+}
+
 .list {
   height: 472px;
   padding: 12px;
@@ -45,7 +54,7 @@
   }
 
   .search {
-    width: 390px;
+    max-width: 390px;
 
     &.withSelect {
       padding-left: 124px;