Radiquum/AniX
1
0
Fork 0
mirror of https://github.com/Radiquum/AniX.git synced 2025-05-03 03:19:41 +05:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(Design): navigation rail redisign

Browse source
This commit is contained in:
Kentai Radiquum 2024-05-11 07:00:29 +05:00
parent 94f11d5dbd
commit 6bd46e8437
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
2 changed files with 34 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

42
frontend/app/App.jsx
View file

@ -56,31 +56,33 @@ export const App = (props) => {
return (
<body>
<div>
<NavigationRail
colorPicker={colorPicker}
settingsPopup={settingsPopup}
setColorPicker={setColorPicker}
setSettingsPopup={setSettingsPopup}
/>
{colorPicker && (
<ColorPicker
mode={mode}
theme={theme}
<div style={{ display: "flex", "flex-direction": "row" }}>
<div style={{ "padding-inline-start": "0" }}>
<NavigationRail
colorPicker={colorPicker}
setColorPicker={setColorPicker}
/>
)}
{settingsPopup && (
<Settings
settingsPopup={settingsPopup}
setColorPicker={setColorPicker}
setSettingsPopup={setSettingsPopup}
/>
)}
{colorPicker && (
<ColorPicker
mode={mode}
theme={theme}
colorPicker={colorPicker}
setColorPicker={setColorPicker}
/>
)}
{settingsPopup && (
<Settings
settingsPopup={settingsPopup}
setSettingsPopup={setSettingsPopup}
/>
)}
</div>
<main className="responsive padding" style={{ overflow: "hidden" }}>
{props.children}
</main>
</div>
<main className="responsive padding" style={{ overflow: "hidden" }}>
{props.children}
</main>
</body>
);
};