fix(gui): replace divider below tabs, outline restart button

ssube · Apr 21, 2023 · b85a8aa · b85a8aa
1 parent c8d2e33
commit b85a8aa
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 19 deletions.
diff --git a/gui/src/components/OnnxWeb.tsx b/gui/src/components/OnnxWeb.tsx
@@ -52,25 +52,25 @@ export function OnnxWeb() {
             }}>
               {TAB_LABELS.map((name) => <Tab key={name} label={name} value={name} />)}
             </TabList>
-            <TabPanel value='txt2img'>
-              <Txt2Img />
-            </TabPanel>
-            <TabPanel value='img2img'>
-              <Img2Img />
-            </TabPanel>
-            <TabPanel value='inpaint'>
-              <Inpaint />
-            </TabPanel>
-            <TabPanel value='upscale'>
-              <Upscale />
-            </TabPanel>
-            <TabPanel value='blend'>
-              <Blend />
-            </TabPanel>
-            <TabPanel value='settings'>
-              <Settings />
-            </TabPanel>
           </Box>
+          <TabPanel value='txt2img'>
+            <Txt2Img />
+          </TabPanel>
+          <TabPanel value='img2img'>
+            <Img2Img />
+          </TabPanel>
+          <TabPanel value='inpaint'>
+            <Inpaint />
+          </TabPanel>
+          <TabPanel value='upscale'>
+            <Upscale />
+          </TabPanel>
+          <TabPanel value='blend'>
+            <Blend />
+          </TabPanel>
+          <TabPanel value='settings'>
+            <Settings />
+          </TabPanel>
         </TabContext>
         <Divider variant='middle' />
         <Box sx={{ mx: 4, my: 4 }}>

diff --git a/gui/src/components/control/ModelControl.tsx b/gui/src/components/control/ModelControl.tsx
@@ -163,7 +163,10 @@ export function ModelControl() {
           addToken('lora', name);
         }}
       />
-      <Button onClick={() => restart.mutate()}>{t('admin.restart')}</Button>
+      <Button
+        variant='outlined'
+        onClick={() => restart.mutate()}
+      >{t('admin.restart')}</Button>
     </Stack>
   </Stack>;
 }