fix render panel styling (#10853)

EtherealEngine · Aug 4, 2024 · 67e9ff2 · 67e9ff2
1 parent 387cb8c
commit 67e9ff2
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages/ui/src/components/editor/panels/Viewport/tools/RenderTool.tsx b/packages/ui/src/components/editor/panels/Viewport/tools/RenderTool.tsx
@@ -91,11 +91,13 @@ const RenderModeTool = () => {
         </Tooltip>
       ))}
       <Popup trigger={<Button variant="transparent" className="p-2" startIcon={<RiArrowDownSLine />} />}>
-        <div className="w-60 rounded-md p-2">
+        <div className="w-52 rounded-md bg-theme-primary p-2">
           <InputGroup
             name="Use Post Processing"
             label={t('editor:toolbar.render-settings.lbl-usePostProcessing')}
             info={t('editor:toolbar.render-settings.info-usePostProcessing')}
+            containerClassName="justify-between"
+            className="w-8"
           >
             <BooleanInput
               className="bg-gray-500 hover:border-0"
@@ -107,6 +109,7 @@ const RenderModeTool = () => {
             name="Shadow Map Resolution"
             label={t('editor:toolbar.render-settings.lbl-shadowMapResolution')}
             info={t('editor:toolbar.render-settings.info-shadowMapResolution')}
+            containerClassName="justify-between gap-2"
           >
             <SelectInput
               inputClassName="text-theme-gray3"