···

       
59
       
59
       
 
       
          MoonbaseSettingsStore.setExtensionConfig(ext.id, name, value);

     

       
60
       
60
       
 
       
        }}

     

       
61
       
61
       
 
       
        note={description}

     

       
62
       
62
       
+
       
        className={`${Margins.marginReset} ${Margins.marginTop20}`}

     

       
62
       
63
       
 
       
      >

     

       
63
       
64
       
 
       
        {displayName}

     

       
64
       
65
       
 
       
      </FormSwitch>

     
···

       
77
       
78
       
 
       
    const max = castedSetting.max ?? 100;

     

       
78
       
79
       
 
       


     

       
79
       
80
       
 
       
    return (

     

       
80
       
80
       
-
       
      <FormItem className={Margins.marginTop8} title={displayName}>

     

       
81
       
81
       
+
       
      <FormItem className={Margins.marginTop20} title={displayName}>

     

       
81
       
82
       
 
       
        {description && <FormText>{description}</FormText>}

     

       
82
       
83
       
 
       
        <Slider

     

       
83
       
84
       
 
       
          initialValue={value ?? 0}

     
···

       
355
       
356
       
 
       
  return function Settings({ ext }: { ext: MoonbaseExtension }) {

     

       
356
       
357
       
 
       
    const { Flex } = CommonComponents;

     

       
357
       
358
       
 
       
    return (

     

       
358
       
358
       
-
       
      <Flex direction={Flex.Direction.VERTICAL}>

     

       
359
       
359
       
+
       
      <Flex className="moonbase-settings" direction={Flex.Direction.VERTICAL}>

     

       
360
       
360
       
+
       
        <style>

     

       
361
       
361
       
+
       
          {".moonbase-settings > :nth-child(2) { margin-top: 0px; }"}

     

       
362
       
362
       
+
       
        </style>

     

       
359
       
363
       
 
       
        {Object.entries(ext.manifest.settings!).map(([name, setting]) => (

     

       
360
       
364
       
 
       
          <Setting ext={ext} key={name} name={name} setting={setting} />

     

       
361
       
365
       
 
       
        ))}