WIP

lama_cleaner/app/src/components/Header/Header.scss

@@ -23,3 +23,11 @@ header {
   gap: 12px;
   justify-self: end;
 }
+
+.header-icons {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 6px;
+  justify-self: end;
+}

lama_cleaner/app/src/components/Header/Header.tsx

@@ -6,6 +6,7 @@ import Button from '../shared/Button'
 import Shortcuts from '../Shortcuts/Shortcuts'
 import useResolution from '../../hooks/useResolution'
 import { ThemeChanger } from './ThemeChanger'
+import SettingIcon from '../Setting/SettingIcon'
 
 const Header = () => {
   const [file, setFile] = useRecoilState(fileState)
@@ -26,7 +27,11 @@ const Header = () => {
           </Button>
         </div>
         <div className="header-icons-wrapper">
-          <div style={{ visibility: file ? 'visible' : 'hidden' }}>
+          <div
+            className="header-icons"
+            style={{ visibility: file ? 'visible' : 'hidden' }}
+          >
+            <SettingIcon />
             <Shortcuts />
           </div>
           <ThemeChanger />